React Newsletter #187

Build your own React from scratch, Redux style guide, and an interactive React paycard


Articles

React component library: Develop a multilingual app

While there are many international libraries to choose from, which one should you go with? This article analyzes 4 (React-intl, React-i18next, React-intl-universal, @lingui/react) of them to make your decision easier.


Tutorials

Create a Modern Dynamic Sidebar Menu in React Using Recursion

This tutorial will walk you through building a modern sidebar in react using recursion. Recursion is a technique in which a function simply calls itself repeatedly until a condition has been met.

Build your own React from scratch

In this tutorial, Rodrigo demonstrates how to rewrite React (including Hooks) from scratch. He follows the architecture from the real React code but without all the optimizations and non-essential features. The tutorial features a unique, animated presentation style that you will either love or hate :)


Sponsor

The Hands-on Guide to Learning React Hooks

This guide serves as an exhaustive resource on the built-in Hooks that are now part of React. Read all about them as we comprehensively cover: State and Effects, Context, Reducers, and Custom React Hooks. Start learning today.


Reactime 3.0 — Time Traveling State Debugger

Reactime is an open-source Chrome developer tool — inspired by Redux DevTools — which allows developers to visually inspect the state of their app at any given moment, step forwards or backwards through time, import and export a snapshot of their current state and persist state across refreshes.

Redux Style Guide

This is the Redux team's official style guide for writing Redux code. It lists recommended patterns, best practices, and suggested approaches for writing Redux applications.

forimmer

forimmer is a experimental functional state store for react apps, which uses immer for immutability and integrates with the new react suspense API. It was in part inspired by the excellent pullstate.

Interactive React Paycard

This is a fully responsive credit card form with smooth and sweet micro-interactions. Includes number formatting, validation and automatic card type detection.


Brian Vaughn on Fast Refresh for Web and Concurrent React Dev Tools

Brian Vaughn joins Micheal for an update on React Developer Tools. They talk about Fast Refresh for the web, new developer conveniences around codemods, and new React Dev Tools features to help you profile, suspend component trees, and find your way around unfamiliar React apps.


made with ❤️ by ui.dev