#​296 — July 6, 2022

Read on the Web

React Status

The New Wave of React State Management — It wouldn’t be a complete React Status if there wasn’t something about state management 😁 This (quite lengthy) article gives a sweeping overview, along with some history and opinion on the way, rather than presenting the capabilities of a single tool or approach.

Frontend Mastery

▶  Five Clever Hacks for React-Query and SWR — One of React's most respected screencasters shows us how to go beyond the basics with the React Query and SWR data fetching libraries.

Jack Herrington

Are You Looking For a Really Fast React Table? — Then you should definitely see the performance of the KendoReact Data Grid that can handle hundreds of thousands of items. Easily set up your benchmarking test with the help of this article.

Progress KendoReact sponsor

Amplify UI for React Now Generally AvailableAmplify is AWS’s offering intended to attract frontend and mobile development projects to their infrastructure by bundling various parts of it together with useful tooling. A significant part of that is Amplify UI, a collection of React components connected directly to the AWS cloud.

Amazon Web Services

How to Build, Test and Deploy a Bookstore App with React 18, Vite, and Netlify Functions — Brings together a variety of modern tools to practical ends, including getting an app online with serverless functions on the backend.

Yevhen Kapelianovych

▶  'How I Built a Software Agency Website with Next.js and Tailwind' — Back in #293 we featured this curiously styled screencast series, and we’re happy to recommend another episode. It, too, features the sights and sounds of nature with no speech. It continues to be fascinating to see how someone else works.

Takuya Matsuyama

Quick bits:

  • 📆 reactjsday 2022 is taking place on October 21 in Verona, Italy. The CFP is open until July 24.

  • 📆 useReactNYC is heading back to in-person events with Shawn 'swyx' Wang and Nawaz Khan set to speak at the next event on July 13.

  • An interesting demo of a service that claims to run React's entire test suite in just 12 seconds (versus over 3 minutes usually) by running the tests server-side in parallel.


Senior Software Engineer at This Dot Labs (Remote, Worldwide) — Great benefits working in modern tech stacks and amazing clients such as Google, Meta, Twilio, Cloudinary, Roblox, and more.
This Dot Labs

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.

Simple Example of Making a React Hook to Prompt Confirmation Before Action — Are you sure you really want to do that? Sometimes it’s worth asking.

Isaac Kwok

'Angular Without SSR is Faster Than Next.js with SSR. I Have The Data.'
Alex Krupp opinion

How to Import SVGs in a React and Vite App
Israel Mitolu

🛠 Code and Tools

FlashList: Shopify's Fast React Native List Approach — Boasting multiples of performance beyond that of the standard React Native FlatList while promising an easy migration path, FlashList aims to be snappy on all platforms (yes, even lower-end Android devices).


html-react-parser 3.0: An HTML to React Parser — Converts HTML strings into React elements on both client and server.

Mark Xu

Reassure: A Performance Testing 'Companion' for React Native — Automate React Native app performance regression testing on CI or a local machine.


Build Any Internal App with 100+ Powerful UI Components and the Ability to Write Custom Code Anywhere You Need

Retool — 10x faster internal tools sponsor

react-local-toast — Provide feedback related to particular components rendered on the page as illustrated in their showcase.

react-native-permissions — Unified permissions API for React Native on iOS and Android.

react-fontawesome — The mature and well-regarded icon library and toolkit, now available as a React component.

rc-progress — A progress bar component configurable for either line or circle layouts.


React Page 5.0 – WYSIWYG editor control.
PrimeReact 8.2 – Rich React UI component library.
React Chat Elements 12.0 – Message boxes, chat lists, avatars, etc.
Jotai 1.7.3 – Minimal and flexible state management.
Preact 10.9 – It's kinda React, but it's also kinda not.