#​307 — September 28, 2022

Read on the Web

React Status

🔥  'Get in Zoomer, We're Saving React' — An opinion piece (often a polite term for 'rant') that has proven to be quite divisive on social – some love it, some hate it. If you want to take a risk at potentially being entertained with a sweeping review of React to date, a comparison to desktop metaphors, and why the author feels React's current trajectory isn’t quite right, dive in – but skip it if you're not in the mood for a round-the-houses ramble.

Steven Wittens

The Web Almanac 2022 on JavaScriptThe Web Almanac is an annual ‘state of the web’-style report into what technologies are being used online. The JavaScript page shows us JS payloads continue to increase, but “React usage notably remained the same from last year at 8%, which may be a signal that adoption of the library has plateaued due to an increasing amount of choices in the JavaScript ecosystem.”

Jeremy Wagner and the HTTP Archive

Build a Slack Integration in a Few Lines of Code — Users expect that your app can reach them via Slack. Instead of building a whole microservice to talk to Slack, use Courier’s multi-channel notification service. Even better, you get logs on every notification that show you where they’re failing.

Courier sponsor


  • It's not dead but the useEvent RFC is 'shelved' for now, pending a better approach and the associated hook might well end up with a new name.

  • Enzo is an intriguing, new and experimental JavaScript compiler with type checking and some interesting ideas for React developers.

Testing React Apps in 2022 with Cypress: An In-Depth Guide for Beginners — Testing your React apps gives you a safety net. But getting started is cumbersome. Cypress makes it relatively easy and this guide shows you how with quite a detailed example that tests your app in a more similar way to how a real human might.

Johannes Kettmann

Managing React Form State Using the React-Form Library — The second part of a series which explores the use of Shopify’s open source Quilt library to implement their Polaris Design System.

Joe Keohan (Shopify Engineering)

Building an Accessible Select Component in React — A step-by-step (or should we say brick-by-brick?) tutorial on how to build a select component specifically with accessibility in mind, a topic an international business like LEGO has at its heart.

Kacper Kula (Lego)


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.

Use Next.js and Vercel to Build a Live Link-Sharing App with Serverless WebSockets — Explains how to use Next.js and Vercel to build an app with shared live features provided by Ably, a real-time API platform.

Mark Lewin

Grasping React Hooks — If you’re using hooks without thinking too much about how they work under the hood, this is for you and fleshes out enough of the mental model to help you resolve problems you might encounter.

Brandon Smith

How to Build a Blog with React and ButterCMS — ButterCMS is a commercial, managed headless CMS.
Chisom Uma (ButterCMS)

🛠 Code and Tools

create-t3-app: Interactive CLI to Quickly Set Up An Opinionated, Full-Stack, Type-Safe Next.js Project — There’s even a 10-minute screencast from Theo - ping․gg showing off how to use it.

T3 Open Source

react-digraph 8.1: A Library for Creating Directed Graph Editors — Create a directed graph editor without implementing SVG drawing or event handling logic yourself.

Uber Open Source

Seamlessly Add Chat and Activity Feeds to Your Applications

Stream sponsor

Preview.js: Fast Component Previews in Your IDE — This extension will automatically generate valid props in your components in the preview, has support for CSS-in-JS, and works offline. Available for VS Code and IntelliJ/WebStorm, and supports Solid and Vue components too.

Zenc Labs

⌘K: A Fast, Composable, Unstyled Command Palette for React — The home page includes some diverse examples demonstrating the different ways you can style and use it. GitHub repo here. Not to be confused with the similarly named (and featured!) react-cmdk.

Paco Coursey