React Newsletter #169

Using component-based design to build faster, concurrent mode explained, and React & TypeScript fundamentals


News

Meet Hermes, a new JavaScript Engine optimized for React Native

Last week at Chain React, the React Native team announced Hermes, an open source JavaScript engine they’ve been working on at Facebook. It’s a small and lightweight JavaScript engine optimized for running React Native on Android. Check out this post to learn more.


Articles

How using component-based design helps us build faster

This post breaks down how using a component-based design (which includes React) has helped Twitter build across all platforms.

How I ruined my application performances by using React context instead of Redux

Georges used React contexts instead of Redux for centralized states. Without a selector system, his components where getting lots of data as props, some of them were often changing and not necessary to build the view. This post is how he fixed it.

Concurrent Mode explained

Is Concurrent Mode just a workaround for “virtual DOM diffing” overhead? In this Twitter thread, Dan breaks it down.


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.


Tutorials

Authenticated Routing with React, React Router, Redux & TypeScript

In this post, Fred shares how they went about authentication at Octopus Wealth utilising react-router-dom, react-redux & TypeScript.


Videos

React & TypeScript fundamentals

Video on the fundamentals of using TypeScript with React.

A Deep Dive into React-Redux

Redux and React are frequently used together, and many people are familiar with the "Provider" and "connect" APIs from React-Redux. But how does React-Redux work, and why do we even need it in the first place? Join Redux maintainer Mark Erikson on a journey through the history and internals of React-Redux.

Build your own React

How does React really work? In this talk, you'll find out. You'll write a simplified version of React from scratch, based on the real source code, including: jsx, fibers, reconciliation, hooks, and more.


made with ❤️ by ui.dev