React Status

TanStack Start is finally stable

Fri, 23 Oct 2026 00:00:00 +0000

#494 — October 23, 2026

React Status

TanStack Start Reaches 1.0

After a year as a release candidate, TanStack Start 1.0 is officially stable. Tanner Linsley explains how it grew out of TanStack Router, and is candid about RSC, which felt like "this box we had to check to be taken seriously as a React framework", and which tanstack.com itself no longer uses. Plus:

📊 The same app in Start and Next.js 16.4, benchmarked – Start handled 2.9x-8.6x more dynamic requests and built ~1.7x faster with type-checking included.
🚚 Moving over? There are official guides for migrating from Next.js and from the RC. Sarthak Mishra moved his site over from Astro (and explains why) and Lovable offers older projects a migration option (here's how one went).
💬 Ryan Carniato called it "a React metaframework with an architecture I can get behind", while in the r/reactjs thread Tanner explained why '1.0' is listed as 1.169 on npm.

TypeScript in the Age of AI — Knowing TypeScript deeply is how you get better code out of AI. Adam Rackis of Spotify shows you how to steer AI toward simpler, correct types and catch the mistakes it slips in.

Master.dev sponsor

IN BRIEF:

⚠️ Last week, Next.js patched two critical RCEs, one rooted in React Server Components, and a public PoC is now out. Update Next.js to 16.4.1 or 15.5.28; for other RSC setups, update the react-server-dom-* packages to 19.3.1 (or 19.2.9/19.1.10/19.0.9).
React DevTools for agents now has official docs, covering how it exposes profiling and component data to coding agents through Chrome DevTools MCP.
📱 Expo SDK 58 is out, using the new React Native 0.88, targeting iOS 27 and ready for the iPhone Duo on day one.
React Native for Web has active maintainers again and is moving to the React Foundation's GitHub org.
TypeScript 7.1 is now in beta, adding a programmatic API and more speed. Type-checking MUI's docs is 1.9x faster and uses half the memory.

Improving Navigation Experience in v0 with Next.js 16.4 — How the Next.js team used Partial Prefetching, intent-based prefetching and the new navigation() API to cut loading skeletons across its v0 AI app builder.

Aurora Scharff (Vercel)

React Only Where Needed: Owner's Next.js to Astro Move — Owner's 10,000+ restaurant sites now run on Astro and Cloudflare Workers, keeping React for interactive islands. Menu-page p75 LCP went from 5.4s to 0.7s.

Selden and Hanford (Owner)

Dead Code Shouldn't Exist — The slides and transcript from a popular talk Dominik has given at several conferences this year on how Sentry removed 28K lines of unused code with Knip.

Dominik Dorfmeister

🤖 Testing AI-Generated Code: Lint the Pattern, Test the Decision – Structural lint rules and shared harnesses beat a test beside every component. Robin Wieruch

📱 Apple Didn't Invent the Foldable. It Might Make You Support One. – Getting a React Native app ready for the iPhone Duo's three compatibility tiers. Sean Barker (Infinite Red)

📄 Loading a 9MB WebAssembly Module Earlier Made Recraft's Editor 17% Faster – Suspending components left the module's download waiting its turn in the React tree. Sergey Patrakeev (Recraft)

🛠 Code, Tools & Libraries

Pixel: Build Graphical Applications in the Terminal — Like Ink, but with "pixel perfect" graphics. It's a React renderer that draws rounded corners, gradients and proper fonts in terminals that support the Kitty graphics protocol, and that can even embed Chromium WebViews to run web apps in a pane(!)

Rob Pruzan (Zenbu Labs)

TanStack Hotkeys Beta: A Type-Safe Library for Keyboard Shortcuts — Hotkeys takes care of the fiddly, cross-platform edge cases of keyboard shortcuts, sequences, and user-recorded hotkeys. The beta adds scopes, so that, say, a dialog's Escape doesn't close the panel behind it. Try the demo on the homepage.

TanStack

React Router 8.5 Hands View Transitions Over to React — Its own view transition APIs are deprecated in favor of React 19.3's <ViewTransition>. Migrating starts with wrapping an <Outlet> and removing the old props and state styling. There's also an unstable 'API-only' mode that serves static HTML but keeps a server for loaders and actions.

Remix Team

env.style: Style Every Environment with Colors or Custom Icons — A utility that wraps your Next.js config or Vite setup to tint the favicon per environment at build time, so you can see at a glance where you are.

Ryan George

Tamagui 3: One React UI Codebase for Web and Native — A styling system and UI kit for sharing one codebase between React web apps and React Native. v3 adds an opt-in (beta) C++ native runtime that applies theme changes without re-rendering, plus React Strict DOM and Tailwind-style syntax.

Nate Wienert

Hydrogen 2026.10 – Shopify's commerce toolkit is now a library you can drop into existing Next.js or React Router apps.
Morphicons 2.0 – Spring-physics morphing between SVG icons. Now filled icons morph too, not just stroked ones. See it in action on its homepage.
Unistyles 3.6 – High-performance React Native styling library. Now with an experimental zero-config Metro integration instead of the Babel plugin.
Motion 14.6 – Adds keyboard grab-and-move to Reorder lists, plus stepFrames for deterministic animation testing.

📰 Classifieds

Build and deploy durable AI agents in TypeScript, without managing your own infrastructure. Ship your first agent with Trigger.dev.

Expo is mobile AI infrastructure: Your agents build, test and ship iOS and Android apps, and you approve what goes out. Try it.

🎶 And finally… make a little noise

Fancy making a little music with React? Strudel Flow 2 is an open source React app built with React Flow and shadcn/ui. Connect instruments and effects to generate Strudel code, or load a community patch and start turning knobs.

The source code offers a neat extension point: define an instrument or effect in a small .node.ts file, then supply a React component for a custom interface. As the team says, "coding is a fun thing to do for its own sake." 🤘

Next.js 16.4, and a new way to visualize React apps

Fri, 9 Oct 2026 00:00:00 +0000

#493 — October 9, 2026

Read on the Web

ℹ️ We're back from a week off, but we're taking next week off too, so will be back on Friday, October 23.
__
Your editor, Peter Cooper

React Status

A Visual Notation for React's Parent and Owner Trees — A proposed diagram notation for React apps that shows both where each element ends up (the parent tree) and which component created it (the owner tree), with marks for context, Suspense, memo, error boundaries and RSC. There's also a playground that draws trees from code you paste in.

Jules Blom

React Form Builder with Full Control Over UI and Data — Build complex JSON-driven forms in React with a drag-and-drop builder. Configure validation and logic, customize themes and UI, connect to any backend, and keep form data in your own infrastructure.

SurveyJS sponsor

Next.js 16.4 Makes Cache Components the Recommended Default — The big news is Cache Components is now recommended, and enabled by default if you use create-next-app. Agentic tooling gets some upgrades, and there are smaller improvements for all apps.

The Next.js Team

IN BRIEF:

The React Foundation's working groups will meet in person for the first time at the Contributors Summit in London next month. It's invite-only, but contributors can nominate themselves.
📱 Following in Shopify's footsteps, Coinbase says it's moving its app off React Native too, repeating the "AI coding agents have collapsed the cost of building a feature twice" idea and saying they can access new platform features sooner.
Barbara Markiewicz, formerly of Callstack, 𝕏 has joined the React Foundation as its Director of Community.

Can We Make React Faster Using the React Compiler? — Digs into the React Compiler’s output, then prototypes extra compiler passes like inlining, blocks and selector inference to see how much faster React could get.

Jimmy Miller

React Aria's New Swipeable Sheet and the CSS Tricks Behind It — React Aria has a new swipeable Sheet component, and Devon explains how it works. Rather than handle touch events in JavaScript, it uses an oversized scroll container with CSS scroll snapping and view timelines to get native momentum, rubber-banding, gesture-synced animations, and more.

Devon Govett (Adobe)

📄 Making React Context Cheap with React Compiler – Can React Compiler avoid the need for context selectors? A 5,000-radio benchmark suggests it can. Jenna Smith

📄 React Folder Structure Best Practices (2026 Edition) Robin Wieruch

🛠 Code, Tools & Libraries

TanStack Charts 1.0: Composable, Typed Charts — Almost a decade after creating React Charts, Tanner returns with a rethink: charts composed from typed marks and scales, rendered with SVG or Canvas, with a React adapter. The example catalog shows off its range, along with code samples.

Tanner Linsley

Ink 8: React for CLIs Gets Scrollable Views — The popular TUI renderer, as used by Claude Code and Gemini CLI. New props on Box enable scrollable views, render() takes any Node stream, and incremental rendering only rewrites changed parts of lines for less flicker.

Vadim Demedes

Redux Toolkit 2.13: TypeScript 7 Support and a Steadier useQuery — Adds official TypeScript 7 support and fixes useQuery creating a new selector on every render (which could flip isSuccess mid-refetch).

Mark Erikson

💡 In other good news, the docs for all the Redux libraries now live together on redux.js.org, including those for Redux Toolkit.

Mantine 9.7 – The popular component suite adds a new app onboarding Tour component (shown above), plus its MCP server now exposes far more of the docs.
React Native Skia 3.0 – Now uses Skia's new Graphite GPU backend, which you can ▶️ see in action here.
React Native Testing Library 14.1 – Now supports React Native 0.88 and React 19.3, and adds a pullToRefresh() user event.
Lexical 0.51 – Meta's extensible text editor framework. Now ESM-only, and “a big step towards Lexical 1.0.”
Base UI 1.9 – Unstyled, accessible React components. Adds filterable menus (in preview) plus many focus and Drawer fixes.
⭐ MSW 3.0 – Popular API mocking library. Now ESM-only, with GraphQL subscription support and a lighter footprint.
React Aria 1.22 – Adds a new swipeable Sheet component, explained here.
Material UI 9.5

📰 Classifieds

Expo is mobile AI infrastructure: Your agents build, test and ship iOS and Android apps, and you approve what goes out. Try it.

Build TypeScript-first AI agents in your codebase. No timeouts, durable queues, & full tracing. Ship your first agent in minutes with Trigger.dev.

Bring your wild ideas to Mozilla Festival. Gather and connect with other developers and creatives in Barcelona, Oct. 28-30. Get your badge.

📢 Elsewhere in the ecosystem

✨ Want effects that ripple, glow or melt into ASCII without writing shader code? Shaders has open sourced its WebGPU engine and 190+ effect components, which drop into React like any other component.
Six years after work began, Preact 11 is here. The tiny React alternative gains Hydration 2.0 and automatic ref forwarding, and if you use preact/compat to run React code on it, the upgrade guide is worth a look.
Last week, Remix 3.0 went stable, and it's no longer built on React. Curious what the post-React Remix is like? Sergio Xalambrí reflects on six months of building with v3.
🤖 Theo Browne set AI agents loose on porting TypeScript 7 to Rust, and ts-rust is the (very experimental) result.
🚨 Breaking news as we go to press: Deno is joining Cloudflare.

Signals come to React-Redux

Fri, 25 Sep 2026 00:00:00 +0000

#492 — September 25, 2026

Read on the Web

👋 We're taking a week off next week, so we'll be back on Friday, October 9.
__
Your editor, Peter Cooper

React Status

Rendering Huge Pull Requests in the GitHub Copilot App — GitHub's desktop Copilot app is built on React (atop Tauri), but to show PRs with 2000+ files and a million changed lines, it renders its code rows outside React. A worthwhile read if you build UIs that need to stay fast at scale, and they're upfront about the mistakes they made along the way.

Alberto Gimeno (GitHub)

Fewer Findings. Only Real Risks — AI-generated code can introduce vulnerabilities that are easy to miss in a pull request. CodeRabbit Security continuously reviews your codebase for complex bugs and security risks, using full-codebase context to follow data flows, dependencies, and patterns beyond the latest diff.

CodeRabbit sponsor

Redact: An Alternative 'Projection' of React — Back in May, Tanner Linsley explained how he’d built a synchronous, React-compatible runtime. It’s now at v0.1 with React 19.3 API support, a drop-in Vite plugin, and a useful compatibility table.

TanStack

💡 The runtime is a fraction of React's size, but the trade-off is no concurrent rendering (this Japanese blog post has a nice look into that). There's also no license yet, and it can be considered experimental.

IN BRIEF:

⚠️ Using next/og on Node? Next.js 16.3.6 fixes a critical RCE in ImageResponse affecting v16.2+. A scheduled release next week will fix nine more vulnerabilities.
Astro's React integration reaches v7.0, moving from Babel to Oxc and adding React Compiler support with a compiler: true option.
Vercel has made its bug bounty program public, folding its private and open source programs (which covered Next.js) into one.

React-Redux 9.4 Alpha Adds Opt-In useSignalSelector — Redux runs every mounted selector on every dispatch, which gets costly in huge apps. The new opt-in, signals-based useSignalSelector tracks which state each selector reads, so a dispatch only re-runs selectors whose data changed.

Mark Erikson

💡 Alpha 0, above, has the full explainer, but Alpha 1 landed yesterday with a key bugfix and corrected benchmarks.

📄 Helix: How Shopify is Using LLMs to Move Its App Off React Native – A look behind the scenes of Shopify's recently announced migration from React Native to Swift and Kotlin. Talha Naqvi (Shopify)

📄 Props Are Not a Design System – Why arbitrary style props make every button a one-off. Robert Vitonsky

📄 AI, Open Source, and the Long Road to TanStack Charts – A look into how Tanner builds with agents now. Tanner Linsley

🛠 Code, Tools & Libraries

Playroom: Design with JSX, Powered by Your Own Component Library — A browser-based JSX playground, wired up to your own component library, that renders every theme and viewport width side by side as you edit during dev/testing. Check out this live demo.

SEEK

💡 Along similar lines, Nearform has just released v5 of React Live, a live editing experience for React components but better suited for use in docs, blog posts, etc.

pdfcn: Copy-Paste Components for Making PDFs — Takes the shadcn approach to PDF generation, with components for tables, headers, lists, and larger blocks for things like invoices and reports. Rendering is done with Takumi or Forme, both WASM-based engines that don't need a headless browser.

Aniket Pawar

loading-dev: CSS-Animated Loading Indicators for React — 29 CSS-animated loading spinners for React 19+. You set size, color and duration, and they respect reduced motion. You can customize and play with each of them too.

Jakub Krehel and Paul Faivret

React Native Reanimated 4.7 – Create smooth animations and interactions in React Native apps. Layout animations now run on its new engine by default.
gridstack.js 14.0 – The popular drag-and-drop dashboard layout library adds a list mode that reflows widgets like a reorderable list. (Demos.)
😀 Frimousse 0.4 – Lightweight, unstyled emoji picker component.
React Three Fiber 9.8 – Now compatible with React 19.3.

📰 Classifieds

The future of mobile development is agentic. For years, mobile shipped slower than the web. Now, agents are coding/testing/shipping all on Expo.

🐻 Build apps, not walls — for the AI era. Learn from library authors, core teams & top engineers. See you in Berlin & online, Dec 4 & 7!

Build products that help people build their lives - Fidelity technologists can change the way our clients invest - for the better and for everyone.

And finally…

Animal Island UI: A 'Kawaii' React Component Library — Originally based on Animal Crossing imagery (for which Nintendo issued a DMCA takedown) but now with its own assets and MIT licensed. The site’s in Chinese but it's easy to browse the components, and the GitHub README is in English.

guokaigdg

Why Lovable built a Vite-compatible dev server in Rust

Fri, 18 Sep 2026 00:00:00 +0000

#491 — September 18, 2026

Read on the Web

React Status

Do Frameworks Matter Anymore? — A Remix team member picks at the just-let-AI-use-React trope. If frameworks don't matter, why use React? Skip one and agents improvise their own makeshift 'frameworks', so Brooks wants new, better ones with solid abstractions and constraints.

Brooks Lybrand

💡 If agents are reading your code, structure seems to matter a lot. One developer's experiment found an over-abstracted React app cost agents up to 5x more to work on.

Stay Sharp in the Age of AI — Master.dev instructors build at Anthropic, OpenAI, Netflix, Google, and Stripe. Learn from them with hundreds of courses, live workshops, and expanded AI learning paths. New members get $100 off a yearly membership.

Master.dev sponsor

OJ: A Rust-Native, Vite-Compatible Dev Server — Lovable spins up a million Vite dev servers a day, so one of its engineers built OJ, a Rust dev server that reads your existing vite.config.ts and runs Vite plugins, but focused on low memory use and cold start times. It's open source but experimental.

Raphael Amorim (Lovable)

IN BRIEF:

React Router 8.4 reduces re-renders: components that only call useLocation (say) no longer re-render when a navigation starts. There's also an opt-in, unstable route matcher that cuts navigation times by up to 88% on large apps.
Motion 13.4 has landed adding AnimateView to animate elements between different views using the browser's native View Transition API and React 19.3's ViewTransition component.
📱 Expo SDK 58 is in beta, built for iOS 27 on React Native 0.88 RC, with App Intents support and a new CLI tool aimed at coding agents.

React Activity: When a Render No Longer Guarantees an Effect — React 19.2's <Activity> can render a hidden tree without mounting its Effects, which caused a leak in a legacy hook that subscribed during render. A practical rundown of what to audit before adopting it.

Sergey Levkovich

📄 Real-Time and Offline are the Same Problem – Lessons from wiring TanStack DB into React Admin. Matthieu Hochlander (Marmelab)

📄 From 1,256ms to 96ms: Fixing INP in a Massive React Dropdown Giovanni Tramutola (Subito)

📄 Migrating 1,100 Files to Redux Toolkit v2 Without a Code Freeze Walter Rafelsberger (Elastic)

📄 A Deep Dive into StyleX Flavio Copes

🛠 Code, Tools & Libraries

@shadcn/lint: An Agent-First Linter for Tailwind Design Systems — A new ESLint/Oxlint plugin that lets you declare which Tailwind classes each component accepts, with errors that tell agents which tokens or variants to use instead.

shadcn Team

React Konva: Canvas Components for Complex 2D Graphics — Components for the Konva 2D canvas scene graph library you might use to build whiteboards, diagram/design editors, etc. Now requires React 19.3. Repo.

Konva

React Simple Maps 5.0: Composable SVG Maps for React Apps — Powered by d3-geo and topojson and provides a declarative API for defining maps to render. The docs are particularly good.

Z Creative Labs

Astryx 0.6: Meta's React Design System Gets Responsive Themes — Meta's React design system now lets themes adapt to viewport, pointer type, and contrast preferences in CSS. If you missed the excitement when Astryx launched back in June, learn more here.