React Status

A look into ChatGPT's React stack

Fri, 10 Jul 2026 00:00:00 +0000

#482 — July 10, 2026

React Status

Reverse Engineering ChatGPT Web: How OpenAI Built for a Billion Users — The author of the popular Linear performance breakdown spent days digging through ChatGPT's page source, bundles, and requests. React Router 7, TanStack Query, Radix, and ProseMirror all show up, with every non-essential script deferred until you can type.

Dennis Brotzky

Base UI is Now the Default in shadcn/ui — New shadcn/ui projects now build on Base UI rather than Radix. Radix isn't deprecated and every component ships for both, but "Starting something new? We recommend Base UI."

shadcn

Ship Translations Without Redeploying Your App — The cloud translation backend made by the i18next team. saveMissing, in-context editing, AI translation, and instant CDN updates. No redeploys for content changes. Free tier, Swiss-made.

Locize sponsor

What Triggers Suspense Boundaries in React? — The official React docs have been updated with a list of what can activate a Suspense boundary, with a live example for each trigger. Useful for understanding exactly when fallback UI appears in real apps. Aurora explains further on X.

Aurora Scharff / React.dev Docs

IN BRIEF:

TypeScript 7.0, the 10x faster Go-powered version of the TypeScript compiler, has been released. With no programmatic API yet, however, 6.0 is still recommended for many frontend frameworks.
Vercel has acquired the team behind Better Auth, the popular authentication library. Flavio Copes has a quick intro post if you're not familiar with it.
On Reddit, /r/reactjs discussed React patterns they stopped using after working on larger projects. useEffect came up a lot.
The React Navigation team shares a progress update on React Navigation 8.0 including Suspense-enabled navigation.
There's an official RFC for WebSocket support in Next.js Route Handlers.

React Forms Done Right — An interactive dive into web forms, starting with zero-JS HTML forms and moving through React 19 native form actions to using TanStack Form with Zod. Complete with several demos.

Vu Nguyen

📄 We Built the Same App in Kotlin Multiplatform and React Native – A comparison and benchmarks. KMP is far ahead on Android, but React Native holds its own on iOS. Software Mansion

📄 Using TanStack Start with Cloudflare Workers and Hyperdrive Adam Rackis

📄 Using Vibes to Rewrite My Blog onto an RSC-Native Framework – The mysterious TimberJS, specifically. Swizec Teller

📄 SolidJS 2.0: A React Developer's First Look at Signals and Async Dennis Morello

🛠 Code, Tools & Libraries

React Google Maps 1.9: Components and Hooks for Google Maps — A way to integrate Google's Maps API into a React app, complete with components to lay down markers, draw on maps, and more. GitHub repo.

OpenJS Foundation

vinext 1.0 Beta: Run Your Next.js Apps on Vite Instead — You may remember this as the Next.js clone Cloudflare built with AI in a week. Five months and 1,600 PRs later it's hit 1.0 beta, with App Router, Pages Router, RSC, Server Actions and ISR support. Not fully drop-in yet, but close.

Cloudflare

✉️ React Email Editor 2.0: Drag-and-Drop Email Editor Component — Give users of your app the ability to edit and customize emails of their own. There's a live demo here.

Unlayer

🖼️ react-easy-crop: A Component for Interactive Image Cropping — Supports any image format (and even videos) along with dragging, zooming, and rotations. GitHub repo.

Valentin Hervieu

Vite+ Beta: A Web Dev Toolchain Behind One Command — A unified toolchain that brings Vite, Vitest, Oxlint, and similar tools together under a single vp command.

VoidZero

React Hook Form 7.81.0 – Adds a FieldArray component for working with dynamic arrays of form fields. (Homepage)
React Native 0.87 RC
React Router 8.2.0

📰 Classifieds

🎨 Vibe-coded apps all look the same. 8 design principles to make yours stand out.

🔷 New: JointJS for React. Build diagramming apps that scale, with UX that impresses your most demanding users. → Star on GitHub.

📢 Elsewhere in the ecosystem

🔠 Geist Pixel, the latest member of Vercel's Geist family of fonts, is now available to use on Google Fonts. Yes, I have Gen Alpha kids.
npm v12 has shipped with lifecycle scripts and implicit node-gyp builds no longer running by default. Here's more on the implications.
🤖 Bun's Jarred Sumner wrote up the story of rewriting Bun in Rust, an AI-powered port that will power Bun 1.4 onward.
The Ruby community has created a great guide on how to start a Ruby meetup, but the advice is general enough for it to apply to React meetups too.
🤖 Safari has introduced an MCP server in its latest preview to give agents control over a Safari window during debugging runs.
🕹️ js1024, the annual 1KB code-golf competition, is open for entries. The theme is 'dreaming', and you've got 1,024 bytes to make something neat.

Meta releases its React design system

Fri, 3 Jul 2026 00:00:00 +0000

#481 — July 3, 2026

Read on the Web

React Status

Meta Releases Its Astryx Design System — Built on React and StyleX, and under development at Meta for over 8 years (powering “over 13,000 apps”, they claim), Astryx provides more than 160 components, theming, templates, and tooling. There's also a playground to experiment with.

Dan Abramov joins the Next.js team

Fri, 26 Jun 2026 00:00:00 +0000

#480 — June 26, 2026

Read on the Web

React Status

Making Next.js Navigations Feel Instant Without Going Full SPA — A preview of Next.js 16.3 is available that tackles a common gripe about Server Components: sluggish navigation. New opt-in behaviors keep the server-side benefits, while making navigations feel like an SPA. They’ve also created 🤖 an agent skill to help existing projects adopt the new features.

Clark, Story and the Next.js Team

🎉 In a Bluesky thread commenting on the release, Dan Abramov revealed he's joining the Next.js team on a part-time basis!

Still Writing Tests Manually? Meticulous AI Is Here — Notion, Dropbox, Wiz and LaunchDarkly now use a testing paradigm they can’t work without. Built by former Palantir engineers, Meticulous automatically creates an evolving suite of E2E UI tests, delivering exhaustive coverage with no developer effort.

Meticulous sponsor

IN BRIEF:

Vite 8.1 includes a 'bundled dev mode' that makes apps with large numbers of modules boot/reload faster (testing on an app with 10,000 components showed a 15x speedup, with more modest gains on real-world apps).
Rsbuild 2.1 has been released and now includes the new Rust implementation of React Compiler, plus TanStack Start support.
Meanwhile, Rolldown and Vite have temporarily 𝕏 removed the initial Rust React Compiler integration citing a 17% increase in binary size.

Moving Linear from styled‑components to StyleX — Linear migrated its React apps away from a runtime CSS-in-JS approach for ~30% faster renders when navigating between pages. An agent-built codemod (of some 100k lines!) did the grunt work, but Kenneth is honest about what still needed a human touch.

Kenneth Skovhus

Writing Custom Renderers for React — When React 19 deprecated React Test Renderer, the React Native Testing Library maintainer built his own. The upside? We get a tour of the reconciler internals he had to wrangle along the way.

Maciej Jastrzębski (Callstack)

You Write React. You Can Ship It to the App Store This Week — One React codebase, real apps on iOS and Android. Expo handles the builds, the store, and updates. Start free.

Expo sponsor

📄 Waku’s Unique Feature: Slices – A slice is a reusable component with its own render config, and a lazy mode that loads independently, akin to Astro’s server islands. Daishi Kato

📄 How an Underrated Refactor Saved 90% Memory Usage – The tale of how TanStack Table v9 uses far less memory than v8 on large tables. Kevin Van Cott (TanStack)

📄 Building a Video Call App with Filters in React Native Ritesh Shukla

🛠 Code, Tools & Libraries

Takumi 2.0 Beta: Render React Components to Images — A Rust-powered engine that renders JSX to images without a headless browser. v2.0 adds SVG output support, on-demand Google Fonts use, improved non-Latin character support, and new docs. There’s a v2 upgrade guide for existing users. (TanStack uses this on their site.)

Kane Wang et al.

ForesightJS 4: Predictive User Intent for Web Pages — Predicts user intent from mouse and keyboard cues to prefetch content for a snappier UX. v4.0 adds a React package with a declarative <Foresight> component.

ForesightJS, Inc.

cnfast: A Faster Drop-In Replacement for cn() — shadcn/ui ships a cn() helper to compose and merge Tailwind class names. cnfast is a faster, drop-in replacement.

Aiden Bai

🤖 Eve: Like Next.js, But for Building Agents — A new framework from Vercel that provides Next.js-esque structure for building AI-powered agents using TypeScript and Markdown.

Vercel

TinyBase v8.5 – Reactive data store and sync engine backend for powering apps that need to feel fast and work offline. v8.5 adds a module for rendering reactive SVG chart components in React apps.
React Admin 5.15 – SPA framework providing a React and Material Design frontend to REST or GraphQL APIs. v5.15 adds MUI v9 support.
📊 Recharts 3.9 – React + D3 charting library. v3.9 adds new animations and a guide to using them.
RedwoodSDK 1.5 – The Cloudflare-based server-first React framework adds Vite 8 support.
React Native Reanimated 4.5 – Declarative API for smooth animations.
ReactUse 1.0 – A library of 160+ production-ready hooks.
Mantine v9.4 – Popular, extensive component suite.

📰 Classifieds

🏢 Add org context to OAuth flows: users pick an org, clients get an org_id claim.

⚛️ You compose React from components. Compose your AI backend the same way — agents as typed APIs, native TypeScript SDK, 100+ recipes. → Star on GitHub.

📢 Elsewhere in the ecosystem

Deno 2.9 has been released with the headline feature being a way to create cross-platform desktop apps.
Node.js v26.4 (Current) has been released with experimental support for package maps which let Node resolve packages from a static JSON file rather than walking node_modules.
The first preview release of npm 12 is available if you want to get testing.
Ever struggled to understand what the AT Protocol is and how it relates to Bluesky? Dan Abramov clears it up in There Are No Instances in atproto, comparing atproto's architecture to RSS vs Mastodon's approach.
Sticking with atproto, Node's James M Snell ponders the possibility of running the npm package system on AT Protocol.
🕹️ A Quake port rendered entirely with CSS and DOM elements (no WebGL or canvas) – that's cool, right?

React Router v8 is boring but good

Fri, 19 Jun 2026 00:00:00 +0000

#479 — June 19, 2026

Read on the Web

React Status

React Router v8: An Intentionally 'Boring' Release — A round-up of the state of React Router, all the new features since v7, v6 going EOL, and why to stick with React Router over the new, shiny Remix when you need a proven solution. Sometimes 'boring' is just what your app needs!

Brooks Lybrand

Free Claude Code Course from Anthropic + Master.Dev — Coding is changing fast, and the engineers who thrive will be the ones who direct AI instead of guessing at it. Lydia Hallie from Anthropic teaches exactly that in our Claude Code course, now free for everyone.

Master.dev sponsor

IN BRIEF:

The Rust-port of React Compiler has been merged! Support is already landing in popular projects, like in Next.js (already in canary), Oxlint 1.70, swc and Rolldown.
React Native 0.86 has been released with edge-to-edge support on Android 15+ and DevTools improvements.
WordPress announced it's upgrading to React 19 in WordPress 7.1, but this has now been temporarily reverted due to plugin compatibility problems.
📊 Expo has unveiled a (free) open beta of EAS Observe, its performance monitoring/observability service for React Native apps.
The release candidate of TypeScript 7.0 has been released.

Can Signals Make React Redux Faster at Scale? — A PR by Mark Erikson where he experiments with signals-based SignalProvider and useSignalSelector drop-ins that only re-run selectors for components whose state actually changed, with some noteworthy performance gains.

Mark Erikson

Wasp Now Lets You Write Your Full-Stack Logic as a TypeScript Spec — The ‘batteries-included’ React, Node and Prisma Wasp full-stack framework has switched its spec layer from its own custom language to TypeScript. Specify the shape of your app like this and Wasp compiles it, with your frontend/backend code, into a full-stack app.

Martin Sosic (Wasp)

That Stale Dashboard Isn't a React Problem — Real-time components need real-time data. Tiger Data keeps your Postgres queries fresh without pipelines or polling.

Tiger Data (creators of TimescaleDB) sponsor

📄 TanStack Start: A Mental Model for Next.js Developers – Maps TanStack Start onto Next.js concepts with side-by-side code comparisons. Adarsha Acharya

📄 How We Cut Slow Responses by 80% Migrating to Next.js App Router – A classifieds site moved from Pages Router to App Router, cut slow responses, and tackled some Nginx and Akamai HTML streaming gotchas. Francesca Milan (Subito)

📄 When React Hooks Stop Scaling: Moving Complex State to Zustand Oren Farhi

📄 TypeScript Performance in TanStack Table V9 Kevin Van Cott

📄 React Native Needs a New Video Player Joshua Alphonse

🛠 Code, Tools & Libraries

React Props First: Prioritize JSX & TSX Props in VS Code Autocomplete — A VS Code extension that reorders JSX and TSX autocomplete so component-specific props appear before inherited DOM and ARIA attributes. GitHub repo.

Yurii

Base UI 1.6: Unstyled UI Components for React — A successor to Radix (by the same creators) for building UIs in your own style atop a strong foundation (shadcn/ui now builds on top of it, too). See all the components here with code samples. v1.6 introduces a one-time password component, improves the Drawer, and the docs were redesigned.

Base UI Team

React Doctor as a GitHub Action for Automatic Reviews — React Doctor is a CLI tool that scans React codebases for issues, returning a list of said issues and a score out of 100. Here’s how to set it up on GitHub Actions.

Million Software, Inc.

📰 Classifieds

Flaky tests slowing down dev? Meticulous gives engineers confidence to ship faster by autonomously testing every edge case of your web app.

🚀 clerk deploy walks your app to production: instance clone, DNS setup, OAuth credentials, SSL check. Guided, resumable, and available now.

React review changed when AI started writing the JSX. AgentField breaks down the four jobs of code review - and which three get harder once AI writes the diff. → Read the post.

React Flow Smart Edge 4.9 (above) – A custom 'edge' type for React Flow that uses A* pathfinding and never intersects with other nodes.
Ink 7.1 – The popular TUI renderer adds suspendTerminal() for temporarily handing the terminal over to a child process (like an editor, say).
📱 Voltra 2.0 – Build Live Activities & widgets in iOS/Android React Native apps. v2.0 no longer requires Expo Modules.
StyleX 0.19.0 – Meta's styling system adds a new package for inline atomic styles, plus ESLint 10 compatibility.
MUI X 9.6 – The popular component suite rolls out bug fixes and improvements to radial bar charts.
📊 react-plotly.js 4.0 – Component for rendering interactive Plotly charts.
React Aria 1.19.0 – Adobe's accessible component suite.