🔥  '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 JavaScript — The 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

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)

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

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