React Libraries for 2022 — The React ecosystem has become so big — we routinely track over 1500 React-related libraries ourselves — the problem is more one of being spoilt for choice than not having what you need. This list represents a sound place when selecting libraries for a new project and is an update of an older, popular list Robin put together.

Robin Wieruch

Testing Your Web Apps with Cypress — Join Steve Kinney on this detailed course covering Cypress: A fast, easy way to write end-to-end tests for your client-side apps. Learn about the selector engine, test runners, assertion library, and more.

Frontend Masters sponsor

Announcing React Native 0.68 — This is the first version to allow opt-in for the rather grand sounding ‘New React Native Architecture’, with support for the Fabric renderer and the TurboModule system. React Native is, as Paul McCartney put it back in 1967, “getting better all the time.”

The React Native Core Team

How to Create a Custom Hook — Every week we’re including links to a variety of hooks (see the ‘Quick Bits’ section in this issue, for instance) but if you’ve been wondering how you could create your own, Robin boils it down to the basics here.

Robin Wieruch

The What, When, Why and How of Next.js’ New Middleware Feature — A look at a new beta feature in Next.js 12.0: middleware.

Sam Poder (Smashing Magazine)

How Does Shallow Comparison Work in React? — Shallow comparison is a concept interwoven into React. It plays a key role in React’s internals without adequate explanation. This dives into the source and finishes with some useful takeaways.

Chak Shun Yu

Preview.js: Preview UI Components Instantly in Your IDE — Namely, VS Code or JetBrain IDEs, out of the box. Compatible with components built for React and Vue.

Zenc Labs Pty

Shoelace: 'A Forward-Thinking Library of Web Components' — A collection of well designed every day UI components (buttons, drawers, inputs, menus, color pickers, and more) built in a framework agnostic way but with ‘first-class React support’ nonetheless.

Cory LaViska

Preact 10.7.0 Released — Preact is a fast, very light (3KB!) alternative to React with the same API, and used by all sorts of companies including, recently, Etsy.

Preact Team

Tired of Asking Users to Enter Passwords in Your Applications?

Stream sponsor

AgnosticUI: A Component Library for Numerous Frameworks — A set of components currently supporting React, Vue 3, Svelte and Angular, but you can make them work from vanilla JavaScript too. Some examples.

Rob Levin

react-quick-pinch-zoom: Zoom and Drag any DOM Element with Multi-Touch Gestures — Suits mobile, naturally, but can also support mouse events on desktop. Want a demo? Here you go.

David Narbutovich