React Newsletter #217

React Native's re-architecture, common component state mistakes, and React memo walkthrough


News

New Look

In case you missed it, TylerMcGinnis.com is now ui.dev. With that comes a fancy new brand and a some improvements to this newsletter that you'll see rolled out over the next few weeks.


Articles

React Native's re-architecture in 2020

Originally announced in 2018, the React Native re-architecture is an ongoing effort by the Facebook team to make the platform more robust and address some of the most common issues brought by developers over the years. This article examines how this re-architecture will affect and improve both app performance and development velocity.

3 React Mistakes junior developers make with component state

Tyler Hawkins shares three common mistakes he often sees during code reviews with junior developers. He walks through each mistake and discusses how to fix it.

How to use React memo

React's memo API can be used to optimize the rendering behavior of your React function components. In this article, Robin Wieruch walks through an example component to illustrate the problem first, and then solve it with React's memo API.


Tutorials

How to create flawless React animations with Lottie

In this tutorial, Reed Barger will show you how to use Lottie with React to make stunning animations without a lot of work. Lottie is a library that parses Adobe After Effects animations exported as json with Bodymovin and renders them natively on mobile and on the web.

Sponsor

React developers are in demand on Vettery

Vettery is an online hiring marketplace that's changing the way people hire and get hired. Ready for a bold career move? Make a free profile, name your salary, and connect with hiring managers from top employers today. Get started today.


Projects

search-ui

A React library that allows you to quickly implement search experiences without re-inventing the wheel. Designed to be used with Elastic App Search or Elastic Site Search to quickly get a customizable search experience up and running.

Police brutality visualizer

A heat map that visualizes acts of violence against peaceful protesters in the USA - built with React.


Videos

Build and deploy a React PWA

This 50-minute video gives a brief overview of progressive web apps and walks through building a simple weather app using React. After it's built, you'll learn how to deploy the app and publish it to a special PWA store.


made with ❤️ by ui.dev