#​246 — July 7, 2021

Read on the Web

React Status
⚛️ Your weekly React news digest, every Wednesday

Time to Say Goodbye to Enzyme.js?Enzyme is a long standing React component testing library originally built at Airbnb. However, “the world has already moved - to React Testing Library claims the author who has a variety of other reasons to consider dropping it.

Piotr Staniow

Designing a Dataflow Editor with TypeScript and React — If you want to know what it’s really like to work with TypeScript to build complex React components, this design report is a thorough guide to the considerations involved in building a drag-and-drop, interactive user interface component.

Joel Gustafson (AbstractionLab)

Free Chat & Activity Feed APIs for Qualifying Teams — Unlock enterprise-grade features, functions, and UI components completely free for your startup or side project.

Stream sponsor

▶  Rachel Nabors: From Comics in Virginia to React Core at Facebook — React maven Rachel Nabors recounts a most improbable journey from the Blue Ridge Mountains of Appalachia to the centre of the React ecosystem in a fascinating disscussion with hosts Kathy Korevec and Brian Douglas. There's a full transcript if you don't want to listen.

The ReadME Project

Elementary: React-Inspired Functional, Declarative Audio Applications — Can writing audio DSP software be “simple, fast and fun”? Not up until now, but Elementary intends to change all that, and thus lowering the barriers to entry for this burgeoning field.

Nick Thompson


JavaScript Developer @ Kinsta — Join our ownership-embracing team of JS developers in a relaxed environment where culture is as important as technical excellence.

Senior Full-Stack Software Engineer (USA) — Ready to do your best work in a team that truly supports you? Join a culture that values autonomy, freedom, and collaboration.

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.

📘 Tutorials and Stories

Creating a Multi-Author Blog with Next.js — The latest instalment in this informal series of case studies which focus on a big, audacious project goal and then parses it out into a manageable series of steps.

Dom Habersack

How to useContext in React — Almost two years on, the author follows up the first part of this two part series on useContext. In this latter piece, he focuses specifically on the useContext hook.

Robin Wieruch

Hacking the React AST For Fun and Profit — In a tutorial which is as quirky as it is clever, ‘Swiz’ shows how to hack the paywall on his own recently released book Serverless Handbook for Frontend Engineers. If the objective was to trigger mentions of it, the strategy seems to have worked.

Swizec Teller

What’s The Best Place to Host a Next.js Site? — A really detailed look at deploying a Next.js app to Vercel, Netlify, Layer0 and Heroku and rating them based upon a variety of factors.

Ondrej Polesny

🛠 Code and Tools

Mantine 2.0: Full Featured React Component Library — We only featured this two months ago but version 2 is already out. It’s an MIT licensed, TypeScript-based collection of now over 100 components and hooks with native dark theme support and a focus on usability and accessibility. Plenty of documentation and examples - we like it.

Mantine Team

Tagify: Quickly and Easily Add Tagging to Your React App — Take any text or textarea field and, as if by magic, transform it into a tagging component as illustrated with the author’s well thought out demo.

Yair Even Or

The Definitive Guide to Feature Management

LaunchDarkly sponsor

Fresnel: Server Side Media Queries?Media queries are used to handle variations in the hardware’s characteristics such as screen dimensions and resolution. They are typically implemented in HTML/CSS. This library brings them into React and enables a SSR compatible approach.


react-native-google-cast — Want to add streaming audio and video to your mobile app? This is a React Native wrapper for the Google Cast SDK.

React Native Google Cast

gooey-react: Create Custom Animated "Gooey" Blobs — These can be altered as needed with various properties and can work well as loading indicators. See some examples here.

Luuk de Vlieger

⚡️ Quick Bits:

Interesting projects which you may have missed: