#​308 — October 5, 2022

Read on the Web

Together with  logo
React Status

A (Mostly) Complete Guide to React Rendering Behavior Redux — Dig into the details of React rendering behavior and how Context and React-Redux affect said rendering. Just 861 days ago, this was a very popular item in React Status and Mark has made a big 2022 update bringing it up to React 18 standards (automatic batching, concurrent rendering..)

Mark Erikson

▶  useState: Is it Asynchronous or.. Not? — Jack admits up front that the answer is.. it’s complicated. He digs into an example to help you ‘build your React brain’ by exploring what’s really going on behind the scenes, noting that the state setter is very much synchronous but resulting renders can act asynchronously. (17 minutes.)

Jack Herrington

Headless CMS with World-Class TypeScript Support — Kontent.ai is the leading platform for modular content. Streamline your code using TypeScript SDK, CLI, Rich text resolver, and strongly typed model generator. Scale with no problems when your project grows. Have you seen our UI?

Kontent.ai sponsor

Getting Started with TanStack's React Query — The first part of a six part series aiming to be the definitive tutorial on TanStack’s Query V4, sometimes called React’s “missing data fetching library”.

Nischal Dutt

How to Write Your Own State Management Library — The goal isn’t to replace existing options, but to learn the principles. If you’ve wondered what ‘magic’ is happening behind the scenes of things like Redux, Zustand or Jotai, this will help build up your mental model.

Jude Hunter

▶  Full Stack for Front-End Developers: Build Your First AWS Amplify and React App — Well-regarded educator Ali Spittel, who leads Developer Advocacy at AWS’s Amplify division, has just rolled the first in a series of free, full courses on end-to-end development using the Amplify platform. Check out the brief trailer.

Ali Spittel (AWS Amplify)

Making React Fast by Default with Legend-State — “React renders too much, too often” kicks this off, before working through a series of steps toward the goal of getting “React to render only once”. The result is a state manager that digs deep into React’s internals — but you might appreciate their fresh take on things. GitHub repo.

Jay Meistrich

Using Vitest with React Testing Library
Robin Wieruch


Full-Stack Engineer (NYC / Remote) — 100M+ devices, 100B+ API calls. Radar is looking for Product Engineers to build geospatial dev tools.

Software Engineer — Join our "kick ass" team. Our software team operates from 17 countries and we're always looking for more exceptional engineers.

Senior Frontend Engineer (EU Remote or Relocate to Berlin) — We’ve built a product thousands of people love (see Trustpilot if you don’t believe us). We need your help with React & TypeScript.

Find React Jobs with Hired — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It's free for job-seekers.

🛠 Code and Tools

Radix UI: Unstyled Accessible Components to Build on Top Of — Somehow we’ve totally slept on Radix till now, but if you want to design your own components while still having some solid foundations to work off of, it’s very much for you and takes care of a lot of the rougher edges of component development.


New JavaScript API from a Google Ventures-Backed Notifications Infrastructure Service

Courier.com sponsor

React Search Box: An Autocomplete Search Input for React — Looks to have a nice clean API for plugging in the data and generating the input with various settings.

Nirmalya Ghosh

React Flow 11: For Creating Node-Based UIs, Editors, and Diagrams — The example on the homepage shows it off well. v11 is focused around small improvements to the overall experience, particularly around accessibility.

Webkid GmbH

Billboard.js 3.6: D3.js-Based Chart Library Gets More React-y — The hugely powerful and popular chat library now has an official React wrapper, a new ‘linear gradient’ bar chart option, and . Demos and GitHub repo.

Jae Sung Park

Get Real-Time Tracking and Monitoring for Your Jest Tests

Buildkite Test Analytics sponsor

Horizon UI: An Open Source Admin Template Atop Chakra UI — Includes a wide variety of dark/light components. GitHub repo.

Horizon UI

dark-mode-toggle: A Dark Mode Toggle Component for React — Not to be confused with the Google Chrome team’s component of the same name, this one is specifically for use in React.

Anatoliy Gatt