React Status

TanStack's new look, and life without RSC

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

#485 — July 31, 2026

React Status

Octane: React's Programming Model, But Compiled — From the creator of Inferno comes a successor: a compiled React-like framework (the differences from React are here) that generates reactivity ahead of time with no VDOM. Supports TSX/JSX and TSRX, with integrations for TanStack Query and Router, plus other common React libraries.

Dominic Gannaway

💡 Expect to see a lot of experimentation around Octane in coming weeks. For example, Steve Faulkner has created Nextane, an experimental riff on Cloudflare's Vinext 'Next.js on Vite', to get the Next.js Pages Router but on Octane.

Join Sentry Live: How Etsy Stays Crash-Free — Sentry and Etsy break down how Etsy preps for peak traffic, debugs in real time, and ties crashes to revenue impact. Real stories and practical takeaways for teams shipping at scale.

Sentry sponsor

Why TanStack Stopped Using RSC on Its Site — Tanner, armed with lots of numbers, explains why tanstack.com dropped React Server Components after shrinking its markdown and highlighting stack to 27KB. Plain SSR now serves smaller pages with lower blocking time, and the code is easier to follow.

Tanner Linsley

💡 TanStack has also rolled out a full rebrand and new landing page.

▶ React Debugging with Performance Tracks — A 15 minute tutorial covering React Performance tracks, React-specific entries that appear in your browser's DevTools.

Shruti Kapoor

Experimenting with RSCs for Performance and UX in Next.js — Aurora digs into three interesting patterns that arose while building a social app on Next.js 16.3 (currently in preview, but expected imminently).

Aurora Scharff

📄 Your SPA is Leaking Memory: 'Soak Test' It – Loop a Playwright flow in a single browser context and use DOM node and listener counts to catch memory leaks before users do. Den Odell

📄 The State of Zero-Runtime CSS-in-JS, Mid-2026 – From the maintainer of Linaria and creator of dx-styles. Anton Evzhakov

📄 Building a Real-Time Face Recognition App in React Native with VisionCamera Patrick Kabwe (Margelo)

📄 A Modern Storybook Tutorial: Stories, Interaction Tests, and CI Flavio Copes

🛠 Code, Tools & Libraries

Introducing TanStack Markdown and Highlight — As part of removing RSCs from its site (covered above), TanStack built two new libraries: a 4.9KB Markdown parser with a serializable AST, and an 8KB highlighter for 25 languages, replacing a ~358KB Shiki-based approach. They're in alpha, TanStack's using them in prod…

Tanner Linsley

💡 It's been a productive week for TanStack – they've also released an alpha of TanStack Charts, their take on creating a grammar for charts that AI agents can write. Microsoft is also experimenting in this area with Flint.

Sign in with Google for React Native — @thoughtbot/react-native-social-auth is a modern Google Sign-In library for React Native on both iOS and Android with a first-party Expo config plugin.

Oluwatomi Oluwafemi Alu (Thoughtbot)

OverflowGuard: A Component That Knows When Content Won't Fit — A 2KB component that detects when toolbar or nav content stops fitting its container, so you can collapse to icons or a hamburger without magic breakpoints.

Artur Marczyk

MobX 7.0 – The popular state manager slims down, removes deprecations, updates its React bindings, and now always uses Proxy-backed observable objects and arrays.
Mantine 9.5 – The popular full-featured React component suite. Date pickers gain a native month/year select, and there's a new SunburstChart component.
React Ace 15.0 – Component that wraps the Ace code editor. Now ships a native ESM build alongside CommonJS, fixing import interop under Vite 8.
📸 VisionCamera 5.2 – Powerful camera library for React Native. Adds zoom, exposure and torch control to <SkiaCamera>.
react-router-hono-server 3.0 – Spin up a Hono-based server for your React Router app in seconds. Now targets React Router v8.
Virtua 0.50 – A zero-config ~3KB virtual list and grid component for React, Vue, Solid and Svelte – now joined by Angular. (Demo)
react-x11 1.2 – A React renderer whose host environment is an X11 server.

📰 Classifieds

You only need 3 tools to build mobile apps with AI: Skills, MCP and the right AI workflow. Full guide/video in the blog.

Your components re-render in milliseconds. The analytics query behind them doesn't. TimescaleDB extends Postgres so it can.

📊 A Smaller Chart Bonus

Microcharts: Word-Sized Charts for React — I'm a big fan of Edward Tufte's numerous data visualization books and a concept he popularized was sparklines, small dense charts that fit inline with text. Microcharts brings the idea to React with 106 chart types. GitHub repo.

Ganapati V S

The absolute state of 'state management'

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

#484 — July 24, 2026

Read on the Web

React Status

The Absolute State of Management — Alex Russell argues Redux, MobX, Zustand, and React itself don't 'manage state', they just propagate it whereas 'real' state management means handling time and conflicts, the way CRDTs and sync engines do. Deliberately provocative (Redux maintainer Mark Erikson has already pushed back) but with substance underneath.

Alex Russell

React Components in Webflow — Import your React components into Webflow with Code Components. Expose props and slots for visual editing, distribute via shared libraries, and keep your hooks, state, and context exactly as written. Or generate new components with AI directly in the canvas.

Webflow sponsor

React 19.2.8, 19.1.9 and 19.0.8 Released — Small bumps for the React 19 release lines to fix a DoS vulnerability that could be triggered by sending specially crafted requests to server function endpoints. (v19.1.9 and v19.0.8 here.)

React Team

IN BRIEF:

The first of Next.js's promised regular security releases is here with the July 2026 Security Release addressing several vulnerabilities.
Want to try TypeScript 7.0 with Next.js? You can now enable experimental.useTypeScriptCli in Next.js 16.3 Preview to test it out.
GTKX lets you build native Linux desktop apps with React and GTK4, and v1.0 has reached release candidate status.
The React Router team advises upgrading to v7.18.0 or v8.3.0 due to several newly published CVEs.

shadcn/ui Adds React Aria as a Component Base — Now it's even easier to use Adobe's React Aria component suite if you're a shadcn/ui user. You can now choose React Aria anywhere you can choose Base UI or Radix, including the CLI, presets, and shadcn/create.

shadcn Team

🍞 In other shadcn/ui news, it has a new Toast component.

Shopify's React to Preact + Web Components Migration — How Shopify squeezed five React-based checkout widgets under a hard 64KB budget by switching to Preact and web components.

Justin Henricks (Shopify)

📄 Props, Composers, and Providers: The Composition Pattern We're Converging On – One team's decision ladder for component composition, from plain props up to context contracts. Maxime Grébauval

📄 How to Find a Next.js Memory Leak in Production – How to see if three unfixed memory leaks in Next.js affect you. Xabier Lameiro

📊 Which React Native Animation Library Should You Use for Performance? Andrei Calazans

📄 Inside TanStack Table v9's New Reactivity Model Riccardo Perra (TanStack)

🛠 Code, Tools & Libraries

React Colorful 5.8: A Simple Color Picker Component — A six-year-old color picker component that's simple, straightforward, and now has Shadow DOM support. The homepage includes a live demo.

Vlad Shilov

Shadscan: Deterministic UI Audits for shadcn Apps — A tool that statically analyzes your shadcn components using almost 60 deterministic checks (no AI or API keys needed) around fundamental accessibility, state, and composition best practices.

OrcDev

edge-aura: Give Your Viewport an Organic Screen-Edge Glow — A Canvas 2D effect for adding a full-viewport organic glow at the screen edge with no CSS required. A React component makes it easy to integrate.

Takuya Jodai

React on Rails 17.0 – A complete way to integrate React into Ruby on Rails apps. Now with full support for React 19. (Homepage)
React Data Table 8.8 – Get a standalone data table with sorting, pagination, inline editing and more in ten lines. 35KB gzipped, Apache 2.0 licensed.
📈 react-native-graph 1.3 – Skia-powered high-performance graphs and charts for React Native.
react-native-nitro-sqlite 9.7 – Fast SQLite library for React Native built using Nitro Modules.
React Router 8.3 – Includes updates for unstable RSC apps that use custom entry files.
react-jsonschema-form 6.7 – Component for building forms from JSON Schema.
react-intersection-observer 10.1 – Hooks for the Intersection Observer API.
MDXEditor 4.1 – Popular rich Markdown text editor component. (Demo)
Jotai 3.0 Alpha

📰 Classifieds

🤖 Building an AI workflow UI in React? The canvas UX is where these tools win or lose. JointJS builds it in. → Explore more.

Fast components, slow data? TimescaleDB extends Postgres so your dashboards query live data at scale.

Pete Hunt is back to lead Next.js

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

#483 — July 17, 2026

Read on the Web

React Status

ReactBench: Evaluating How Coding Agents Write React Code — From the team behind React Scan and Million.js, an eval for coding agents on 'realistic React work' to suss out models that do well in other benchmarks but can't necessarily write reliable React code. GPT 5.6 Sol leads for now. More details.

Aiden Bai et al.

React's Team Page Gets a Restructure — As part of the changes around React's governance structure, the official team page has been reorganized around the Leadership Council and members of the numerous working groups (e.g. Compiler, React Native, Docs).

The React Team

Cut Code Review Time & Bugs in Half, Instantly — CodeRabbit reviews every PR with full codebase context, catching off-by-ones, null refs and edge cases before they hit prod. It does the heavy lifting, so you do the final 10%. Trusted by 15,000+ teams. 2-click install, free to try.

CodeRabbit sponsor

IN BRIEF:

⭐ Guillermo Rauch just announced on 𝕏 that Vercel has hired Pete Hunt and Nick Schrock (co-creator of GraphQL). Pete, an early and influential React team member, will be leading the Next.js project.
Vercel is formalizing a predictable, monthly Next.js security release schedule with the first coming in just a few days.
Cloudflare has entirely rebuilt its blog on top of EmDash, the Astro-powered 'spiritual successor to WordPress' it unveiled (genuinely) on April 1.

I've Maintained Linaria for Six Years: Here's Why I Built Something New — "Runtime CSS-in-JS is winding down," says Linaria's maintainer, who has now built dx-styles, a zero-runtime compile-time alternative (for which there's also a Linaria migration guide).

Anton Evzhakov

Cache Components in Next.js, Explained — A walkthrough of Next.js 16's dynamic-by-default caching model, covering use cache, cacheLife, cacheTag, and how it powers Instant Navigations.

Aurora Scharff

📺 Jack Herrington Can’t Think of a Reason to Choose Next.js Anymore – Jack explains why he's all-in on the TanStack approach, as well as his experiences building with AI, in this 45-minute interview. Ankita Kulkarni

📺 The Framework Wars Are Over: Why No One Dethroned React – Kent's take in 11 minutes. Kent C. Dodds

📄 Building a ChatGPT-Style AI Chat App in React Native – That also uses RAG to answer domain-specific queries. Dave Mkpa-Eke (Margelo)

🛠 Code, Tools & Libraries

shadcn/typeset: A Complete Typography System for HTML — A drop-in typography system for rendered HTML (such as Markdown output) packaged as a single CSS file with one wrapper class. Rather than exposing dozens of typography settings, it's driven by a few CSS variables. There's a Typeset builder to help you customize it and generate code to get started.

shadcn Team

DSSSP: Audio Equalization and Filter Visualization Components — One for the audio folks. SVG-based components to visualize things like frequency response graphs and control audio filters. There are some live demos.

Alex Strelets

react-dropzone 17.0: Create File Drag-and-Drop Zones — A mature library offering a hook-based approach to making HTML-compliant drag-and-drop zones for files dropped onto pages. The docs include a basic demo with code.

Param Aggarwal

React Mosaic 7.0: A Component Tiling 'Window Manager' — Provides an API to organize and tile React components across a view. v7.0 makes big layout engine changes and targets React 16-19 with a full ESM + CJS build. Demo here.

Kevin Verdieck

brainless: Claude Code, Codex, and Grok UIs as shadcn Components — If, for some reason, you want to recreate a TUI coding agent experience on the Web, render Claude-style diffs or show off agent examples in docs, perhaps?

Ben Swerdlow

react-fontawesome 3.4 – The official library to use Font Awesome icons in React apps adds support for Font Awesome 7.3's new animations.
Preact 11.0 Beta 2 – "One of the last betas for Preact 11," says maintainer Jovi De Croock. There's already a migration guide ready to use.
use-local-storage-state 20.0 – A hook that persists data in localStorage.
react-dropdown 2.0 – Simple accessible dropdown component.
react-joyride 3.2 – Create guided tours within your React apps.
Travels 1.4 – Fast, reusable patch-based undo/redo mechanism.
React Native Skia 2.9

📰 Classifieds

Real-time UI on a slow query? TimescaleDB extends Postgres so analytics keep pace with your components.

⚡ Zuplo puts every API, AI, and MCP request behind one gateway. Route traffic, guard your MCP servers, and cap your AI costs. Try it free.

📊 Monitoring package popularity

Did you know TanStack maintains an npm stats monitoring page you can use to graph the popularity of any npm packages over time?

The default view shows how TanStack's collection of libraries fares against other popular sets from React Router, Next.js, and Angular, but you can also pick from other pre-defined groups like 'data grids' or 'state management', or just specify your own packages to compare.

A look into ChatGPT's React stack

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

#482 — July 10, 2026

Read on the Web

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.