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

дата:
Plus TanStack Charts 1.0, Coinbase leaving React Native, Redux Toolkit 2.13, and Shaders goes open source.

#​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
Together with  SurveyJS logo
 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:

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.

📰 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.
n

Комментарии

Отправить комментарий