#​420 — March 12, 2025

Read on the Web

Together with  Posthog
React Status

How The New York Times Migrated from Enzyme to React Testing Library — A thorough look at the technical challenges and strategies the NYT used to perform a piecemeal upgrade of its React testing approach without disrupting either end users or other developers.

Felipe Buenaño (NYT Open Team)

💡 If you liked this, you might also enjoy the NYT's take on upgrading to React 18.

A Newsletter to Help Flex Your Product Muscles — Product for Engineers is a newsletter dedicated to helping improve your product skills. Get curated advice on building great products, lessons (and mistakes) they’ve learned building PostHog, and deep dives on the strategies of top startups.

PostHog sponsor

Building APIs with Next.js — A detailed, official introduction to the concepts behind using Next.js’ App Router and route handlers to build public APIs you can expose to web, mobile, and third-party clients.

Lee Robinson

The URL is a Great Place to Store State in React — This is a surprisingly contentious idea and certainly suits some use cases more than others but, the author argues, “Sometimes, the best place to store state is right in the URL.”

Sahaj Jain

Reimplementing Crossy Road with React Three Fiber — A well put together set of tutorials covering reimplementing the classic Crossy Road game with React Three Fiber. In both written and video form.

Hunor Márton Borbély

Instrument, Monitor, Fix: A Hands-On Debugging Class — Join us for a hands-on session where you’ll build it, watch it break, debug it, and go from “no idea what’s wrong” to fixing issues.

Sentry sponsor

📄 Don't Reinvent the Modal, Use React Native Reusables Instead – A quick look at React Native Reusables, a suite of shadcn/ui components. Jared Surato

📄 How Much Traffic Can a Pre-Rendered Next.js Site Really Handle? Martijn Hols

📺 React Router Middleware is Here – A 20-minute introduction to how React Router v7 approaches middleware. Alem Tuzlak

📄 Beyond React.memo: Smarter Ways to Optimize Performance Christian Ekrem

📄 Why React Offers the Best Model for LLM Workflows Evan Boyle

🛠  Code, Tools & Libraries

React Complex Tree: An Accessible Tree Component — An advanced tree component with multi-select, drag-and-drop, renaming, and keyboard controls.

Lukas Bach

Search Input Query: Search Input Query Parser and React Component — A library that can take a supplied structured search query, parse it, generate SQL, as well as a React component for entering such queries. Interesting approach.

William Cotton

UVCanvas: Render Shaded Canvases from React — The examples are fantastic and will give you the idea immediately - they range from clean and simple to things like look like macOS screensavers and lava-lamp-esque experiences.

Latent Cat

⌘K: A Fast, Composable, Unstyled 'Command Menu' Control — The home page includes some neat examples in a variety of styles. GitHub repo. Needs React 18+.

Paco Coursey

🔎 React Native Package Checker — An online tool to check React Native packages for compatibility with the ‘New Architecture’.

Sandip Shiwakoti

Ink 5.2: Build Interactive CLI Apps using React — A terminal-based React renderer so you can build command line apps using React-style components.

Vadim Demedes

📰 Classifieds

Meticulous automatically creates and maintains an E2E UI test suite with zero developer effort. Relied on by 1000s of orgs, including Dropbox, Lattice, Bilt Rewards and many more.


💸 Vercel bills too high? Sign up for a free live session on March 20 & learn how to self-host Next.js apps for lower costs & full control.

📢  Elsewhere in JavaTypeScript?

A quick roundup of some other interesting stories in the broader landscape, in case you've missed them: