React libraries for 2022
?? #283 — April 6, 2022
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.
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.
▶️ The latest episode of the Stack Overflow podcast covered the release of React 18, among other things.
Keep hearing things about Remix but want a practical run through? How about an hour long course on YouTube?
Fullstack Developer — Konrad is hiring Fullstack developers to join our team in building products for the world’s most exciting companies.
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
React Developer at X-Team (Remote) — Join the most energizing community for developers and work on long-term projects for Riot Games, FOX, Sony, Coinbase, and more.
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.
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
Build Your Own Markdown Editor with React and Codemirror 6
How to Build a Real-Time Updating Data Grid in React — Uses KendoReact Data Grid.
Understanding Referential Equality in React
? Code and Tools
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.
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.
Tired of Asking Users to Enter Passwords in Your Applications?
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.
⚡️ Quick Bits:
useScrollbarWidth — Get the width of the scrollbar.
useLocalStorage — Store state in local storage.
REAVIZ 13 — A D3.js-based React data visualization library.
react-use-size — A collection of hooks to measure things.
useCookie — Hook for managing cookies.