React Newsletter #194

Building LightOS with React Native, beautiful-react-hooks, and a timeline component in React


Articles

Building LightOS with React Native

The Light Phone 2 is a minimalist cellphone that was named one of Time Magazine’s best inventions of 2019. In early 2018, Hugh Francis and his team built the operating system and supporting software stack (AKA “LightOS”), the first operating system built with React Native. In this post, Hugh gives a teardown of how the device works, why they chose React Native, and some of the challenges they faced in development


Sponsor

One Codebase. Any Platform. Just React.

Build awesome apps across mobile, desktop, and web, with the React you know and love. Choose from over 100 mobile-ready components with built-in animations, gestures, and theming capabilities to fit your brand.


Projects

Gatsby Theme - Personal Portfolio

Initially this was a personal portfolio made in GatsbyJs, now it's a Gatsby theme available to anyone who wants to tell their work history focusing only on the content.

beautiful-react-hooks

An open source collection of useful React custom hooks with a concise API.

gatsby-plugin-next-seo"

Gatsby Plugin SEO makes managing SEO easier in your Gatsby JS project. It fully supports server-side rendering (SSR) with site wide configuration available via the gatsby-config.js plugin options. SEO options can also be tweaked at any moment by importing the main GatsbySeo component and passing in the desired props.

Astuto: A free, open source, self-hosted customer feedback tool 🦊

Astuto helps you collect, manage and prioritize feedback from your users. It was heavily inspired by Canny.io ("astuto" is the Italian translation of the word "canny"), but is self-hosted and open source. Riccardo Graziosi built Astuto for his Master's Thesis in Computer Engineering."

Timeline Component in React

In this 30-minute video, Florin walks through how to build a basic timeline component in React.

ipod-classic-js

As we head into the next decade, here's a throwback to remind ourselves how far we've come. An iPod Classic build using React Hooks (no Redux this time), TypeScript, and GraphQL.As we head into the next decade, here's a throwback to remind ourselves how far we've come. An iPod Classic build using React Hooks (no Redux this time), TypeScript, and GraphQL.

Videos

[Microservices Tutorial Series]https://youtu.be/gD-WutJH0qc?list=PLnTRniWXnjf8YC9qJFLSVCrXfS6cyj6x6&t=4)

In this 9-part tutorial series, Lucas demonstrates how to build a simple classifieds app using a microservices architecture along with React, Redux, Node.js, GraphQL, and more.

Sharing Code Between React and React-Native: What Not to Share

React and React-Native allow a learn once write anywhere paradigm. This is great, because one tech team can build both your web app and native mobile experience. The problem is developers hate writing things twice. There have been a couple of efforts to build a unifying technology to write an application once and have it work on both web and native. Yet this is not always the best approach. There is value in only sharing your business and state logic; keeping your render code separate.\r\n\r\nIn this talk, Ben will give real examples from his work with MADE.COM, migrating their web and mobile application to React and React-Native with code sharing as a primary objective.


made with ❤️ by ui.dev