React Status
Plus a 'pick which props are better' game you can play.

#​465 — March 6, 2026

Read on the Web

Together with  WorkOS
 React Status

Seven Years to TypeScript: Migrating 11,000 Files at Patreon — The creator monetization platform had a million lines of largely React-based JavaScript on its hands, and while adopting TypeScript on new code was going well, getting all their code (often using legacy React conventions) upgraded was daunting. This insight-heavy retrospective covers the tools and techniques involved.

Gavy Aggarwal (Patreon)

npx workos: An AI Agent That Writes Auth Into Your Codebase — Reads your project, detects your framework, and writes a complete auth integration into your existing codebase. It then typechecks, builds, and self-corrects any errors. Just run npx workos.

WorkOS sponsor

How Activity Can Keep Your Video Where You Left It — A look at using React 19.2’s Activity component to preserve video playback state across visibility changes, though the technique can apply to any situation where component state needs to survive being hidden.

Joshua Alphonse (Mux)

IN BRIEF:

Bringing Lighthouse to the App: Core Web Vitals for React Native — Indeed adapted Google’s Core Web Vitals for React Native and open-sourced a single hook that gives you a Lighthouse-style performance score in just a few lines.

Ben Cripps (Indeed)

▶  Build Your Own Screen Recorder and Video Sharing App with Next.js and Mux — I was hoping for a clone of 90s video game Loom at first, but it’s more like this Loom instead… 😅

Beau Carnes

📄 How I used Cursor to Migrate Frameworks – From Remix v2 to React Router v7, specifically. Kent C Dodds

📺 Cloudflare Just 'Slop Forked' Next.js – A characteristically irreverent five-minute take on last week’s big news of Cloudflare building its vinext Next.js clone. Fireship

📄 Creating iOS Home Screen Widgets and Live Activities in Expo Jakub Grzywacz (Expo)

🛠  Code, Tools & Libraries

TinyBase 8.0: A Reactive Data Store for Local-First Apps — A reactive data store and sync engine that can be used as the entire backend for many types of app. It can stand alone or integrate with all sorts of things like cloud storage, client-side stores, SQL databases, etc. v8.0 adds a middleware feature and the ability to store objects and arrays in its ‘cells’.

James Pearce

Build JSON-Driven Forms in React Without the Boilerplate — Generate dynamic forms from JSON schemas, add logic and styling, and keep full control of data and UX. Learn more.

SurveyJS sponsor

React Native Grab: Tap Any UI Element, Get Its Source Context — Inspired by React Grab, this is an early preview from Callstack of some Metro middleware that lets you shake your device to enter 'grab mode', tap any visible element, and get the source-file path plus component context on your clipboard.

Callstack

AwesomeSlider 5.0: A '60 FPS' Customizable Image/Video Carousel — We last linked to this over six years ago, and it’s always great to see a library reawaken like this. Storybook demos.

Rafael Caferati

8bitcn/ui: A Set of 50+ Accessible Retro-Styled UI Components — Indulge in a little 1980s nostalgia with this chunky, NES-inspired set of components. It's available on a trusted registry for shadcn/ui so is easy to integrate. (GitHub repo.)

OrcDev

React Cosmos 7.2: Sandbox for Developing & Testing UI Components — A sandbox for developing and testing UI components in isolation. Now supports React 19 and Next 15. There’s more explanation here, plus a live demo.

Ovidiu Cherecheș et al.

BlockNote: The 'Notion-Like' Block-Based Text Editor — A ProseMirror and TipTap-based editor that lets you drag and drop blocks, add real-time collaboration, customizable ‘slash command’ menus, and more. There are tons of examples to enjoy.

TypeCell

📰 Classifieds

Your AI assistant writes broken Clerk code. Clerk Skills fixes that — current React SDK patterns for Cursor and Claude Code.


📖 Master Visual Studio Code, and learn over 150 essential tips in this screenshot-packed guide from Louis Lazaris.

📢  Elsewhere in the ecosystem

  • Can't Maintain is a quick web game where you have to pick which of two sets of props is better. If you get it wrong, it provides guidance as to why one set is better than the other.

  • Inertia, a popular glue layer for using React (or Svelte or Vue) as a view layer in server-driven apps, has unveiled its v3 beta. It now requires React 19, drops Axios, adds first-class support for optimistic updates, and more.

  • npmx.dev is a new, fast way to browse and search the official npm registry that's entered alpha this week with a post running through all the details.

  • Eric Allam shares a full post-mortem of how Trigger was hit by Shai-Hulud, the recent worm that attacked the npm supply chain and compromised thousands of packages and repos.

Issue 464 #465