📨 #277: TanStack RSC, React2Dos, Next.js, MUI, Base UI, Aria, StyledComponents, Storm | Pulsar, Nitro Fetch, Flow, Agent React DevTools, Pretext, Vector, Metro, Ease, Voltra | HTML-in-Canvas, Yuku, Bun, Syncpack
· 10 min read
Hi everyone, Seb and Jan here 👋!
This week we finally have an experimental version of TanStack RSC! A new React DoS vulnerability affects Server Functions, so you probably need to upgrade React again. There are also important releases from the MUI team, and Styled Components is still alive!
On the React Native side, we got a new universal Haptics library, and a much faster fetch alternative. We heard VisionCamera 5 is around the corner.
Let's dive in!
As always, thanks for supporting us on your favorite platform:
- 🦋 Bluesky
- ✖️ X / Twitter
Don't miss the next email!
💸 Sponsor
The fastest Postgres + MySQL database
PlanetScale Metal runs on blazing-fast NVMe in your favorite hyperscaler clouds. Get high-performance, reliability, and the best DX available for Postgres and MySQL.
Companies like Cash App, Cursor, and MyFitnessPal trust PlanetScale for their Tier 0 databases.
With PlanetScale, you get:
- The best performance with local NVMe
- AI integration with our MCP, skills, and automatic schema recommendations
- Built-in query observability with Insights
- Pricing from $5/mo
⚛️ React
TanStack - React Server Components Your Way
Two weeks ago, we covered the TanStack Start RSC sneak peek that Tanner offered us at React Paris. And now, they are available as an experimental feature!
My highlights remain mostly the same:
- Primitives: RSCs are supported through 3 primitive APIs that permit to manipulate RSCs as any other stream of data, immediately compatible with existing tools such as React Query, TanStack Router loaders, localStorage, CDNs and HTTP caches. It is entirely opt-in and does not impose a server-first approach nor any framework convention, giving you total freedom on how to compose those primitives.
- Composite Components: The server renders a RSC with slots that get filled by the client. You don’t need
’use client’directives, although they are supported. This new concept creates an explicit boundary between the server and the client. It should be possible to co-locate client/server components in the same file this way. - No Server Actions: A design decision for security reasons. Recent React CVEs affecting other RSC frameworks were due to Server Functions handling Flight payloads and don't apply to TanStack Start, as Jack Herrington explains in this video.
What strikes me is just how different this is from Next.js. It feels more like a library than a framework, and more in sync with the philosophy that initially attracted me to React.
- 💸 PostHog - How we built automatic clustering for LLM traces
- 🔐 React2DoS (CVE-2026-23869): When the Flight Protocol Crashes at Takeoff - A new Denial-of-Service vulnerability affects the React Flight Protocol when deserializing Server Functions payloads. If you use Server Functions, upgrade asap to React 19.2.5 or Next.js 16.2.3
- 👀 Next.js PR - Node.js streams: Fork points - The SSR/RSC throughput is limited due to the use of standard Web Streams. The PR shows ongoing work to provide support for faster but non-standard Node.js streams, though the
experimental.useNodeStreamsfeature flag. Accordingly to this former Vercel article about Web Streams, the outcome could be quite significant. - 🗓️ dotJS 2026 - 🇫🇷 Paris - 18 September - Call For Papers for dotJS is open until April 28th 6 PM CET, submit now your talk proposals for the conference!
- 📜 GitHub - The uphill climb of making diff lines performant - GitHub cut the rendering cost their React-based PR diff view. What worked includes using fewer DOM nodes and event handler, simpler CSS selectors, TanStack Virtual for large PRs, removing scattered useEffect, and more.
- 📜 If You Can't See the Boundary, You Can't Reason About the System - Explains the need to visually see the boundary of Client/Server components on the current page, and introduces a Next.js App Router tool to highlight those boundaries.
- 📜 Contributing Callsite Revalidation Opt-out to React Router - Explains how React Router and React Query behave differently regarding revalidation after a mutation, and motivations to contribute a new
unstable_defaultShouldRevalidateAPI to React Router. - 📜 The Vertical Codebase - Colocate files by vertical features to scale your React codebase.
- 📜 Logging in Next.js with LogLayer: Instrumentation, Console Override, and Structured Logs - Gives you one logging model across all runtimes.
- 📜 Now more then ever, you need to master custom ESLint rules - Deep dive into writing custom ESLint rules, with concrete React-focused examples, such as preventing useEffect antipatterns).
- 📜 Next.js use cache: remote: A Distributed Cache in One Line - By default, the Cache Components feature works in memory, but it’s possible to cache data across serverless instances to increase cache hits.
- 💸 Certificates.dev - Boost your skills with up to 6 live bootcamps led by Aurora Scharff and get React certified with our Mid & Senior bundles
- 📦 Material UI and MUI X 9.0 - This large release re-aligns the versions of the core design system and the advanced components. MUI moves from v7 straight to v9, and introduces the first Base UI-backed primitives in the codebase with new
NumberFieldandMenubarcomponents. MUI X also received several improvements, adding new Chat and Scheduler components in alpha. - 📦 Base UI 1.4 - One-Time Password field (preview), update a Toast, many bug fixes
- 📦 Unhead 3.0 - Streaming
<head>component for any framework - 📦 Storm - Terminal UI framework based on React - This new TUI addresses limitations of Ink, with cell-level diffing and dual-speed rendering architecture.
- 📦 Styled Components 6.4 - React Server Components support, performance optimizations, RN improvements, and more - The historical CSS-in-JS lib is in “maintenance mode” and yet it received a quite significant update!
- 📦 React Aria 1.17 - Expandable rows in Table, window scrolling in Virtualizer, dependency consolidation, sub-path imports
- 📦 Isolet - Package any component into a self-contained, isolated widget
- 📦 Remocn - Production-ready animations, transitions, and scenes for Remotion
- 🎙️ Syntax.fm 955 - Next.js Vendor Lock-in No More
Don't miss the next email!
💸 Sponsor
Notion, Dropbox and LaunchDarkly have found a new testing paradigm - and they can't imagine working without it. Built by ex-Palantir engineers, Meticulous autonomously creates a continuously evolving suite of E2E UI tests that delivers near-exhaustive coverage with zero developer effort - impossible to deliver by any other means.
It works like magic in the background:
- Near-exhaustive coverage on every test run
- No test creation
- No maintenance (seriously)
- Zero flakes (built on a deterministic browser)
🤨 Curious? Book in a time to learn more
📱 React-Native
Pulsar - Haptic Feedback Library
Meet Pulsar, a new library from Software Mansion that makes implementing haptic feedback much easier. Comes with SDKs for React Native, native iOS, and Android. See also the intro video.
- 150+ patterns to browse, filter, preview, and ship
- Live Preview Playground app for testing on a physical device
- Multiplatform SDKs
- Audio preview for testing in a simulator
- Pulsar Studio – coming later – will allow the design of custom haptic sequences
- 💸 Sentry - A tutorial to debugging undefined properties in React Native by correlating frontend and backend logs
- 👀 SWC PR - Complete Hermes Flow stripping parity - Currently, Babel is needed to strip non-TS code in React Native. The newly released Flow support in SWC could help you adopt an alternative toolchain, leading to build time improvements or faster unit tests.
- 💬 React Native Proposal - Allow opting in to specific feature flags via public APIs - Community proposal to expose experimental feature flags for testing before broad rollout.
- 📜 How to keep your OTA updates lean and fast - Why smaller updates matter, how to ship them effectively, and how to monitor your usage.
- 📜 React Native 0.85 changelog dive - Analysis of 0.85's Shadow Tree commit branching, Animation Backend changes, and breaking changes for library authors.
- 📜 Zero re-renders on theme change: Introducing Uniwind Pro - A look into first stable release, the C++ Shadow Tree Engine, className Animations with Reanimated, Animated Theme Transitions, pricing, and more.
- 📜 The Complete Guide to React Native Build Optimization - How to improve build times with Gradle/Metro parallelization and C++ compiler caching.
- 📦 RN 0.85.1 - Animation backend as experimental - Enables the new Shared Animation Backend in the experimental Release Level.
- 📦 Nitro Fetch 1.0 - Fast networking library, drop-in replacement for fetch - This Margelo library supports HTTP/3, Prefetching, Steaming, FormData, WebSockets, worklets, and more. Demo on 🐦 X shows the impressive performance impact on the Bluesky app.
- 📦 Agent React DevTools - Give AI Agents Access to React Internals - New CLI from Callstack that exposes React component tree and profiling data to AI agents, enabling deeper debugging beyond UI trees.
- 📦 Expo Pretext - Text layout primitive React Native - Add Pretext support to React Native, unlocking new layouts currently difficult to achieve with CSS or Skia.
- 📦 Nitro Vector - C++ vector path engine powered by Nitro Modules - 104x faster bezier math, boolean ops, path analysis, and SVG parsing — all in C++ off the JS thread.
- 📦 Metro MCP - MCP server for React Native debugging & automation - Plugin-based MCP server connecting to Metro via CDP — exposes console logs, network, Redux, components, test recording, and more. Works alongside Chrome DevTools.
- 📦 Galeria 3.0 - New Architecture only, iOS 16+
- 📦 CRNL 0.62 - RN 0.85, Expo SDK 55 support
- 📦 Metro 0.84.3 - TLS support, Fast Refresh heartbeat, optimized cache
- 📦 Harness 1.1 - CI improvements, unified GitHub Action, plugin system
- 📦 Rozenite 1.7 - Metro-backed agent workflow, SQLite plugin, Webpack web support
- 📦 React Native Ease 0.7 - Animated borderColor, shadow properties
- 📦 Voltra 1.4 - Android theme-aware widget colors, Android ongoing (persistent) notifications
- 🎥 Beto - 5 React Native Styles Your AI Is Getting Wrong - Linear Gradient (experimental), filter, boxShadow, gap, mixBlendMode, are available in RN, no need for external libraries.
- 🎥 Callstack - AI-Assisted Migrations to React Native: From Months to Days - Reducing migration using AI in real React Native workflows. Practical strategies for modernizing existing apps without starting from scratch.
- 🎙️ RNR 359 - The AI Apocalypse? The past, present, and future of software
🔀 Other
- 👀 GitHub Stacked PRs in private preview - A much-anticipated feature lets you break large changes into small, focused PRs that build on each other.
- 📜 You can't cancel a JavaScript promise (except sometimes you can) - Using never-resolving promises to interrupt async functions.
- 📜 What We Learned Building a Rust Runtime for TypeScript - How Encore built a Rust runtime embedded in Node.js via napi-rs, moving infrastructure concerns (HTTP, DB, pub/sub) out of the JS event loop. Benchmarks show 9x Express throughput with 80% less latency.
- 📦 Chrome 148 Beta - Name-only container queries in CSS, Prompt API, Web Serial API on Android, and more - Notably includes an origin trial for the HTML-in-Canvas API that led to many impressive demos.
- 📦 Yuku - High-performance JS/TS toolchain in Zig - Already full spec compliance, competitive with Oxc on raw parsing speed.
- 📦 Webpack 5.106 - Plugin validation hooks, CSS runtime injection, smarter tree shaking, experimental Oxc parser
- 📦 Bun 1.3.12 - WebView headless browser, Markdown in terminal, in-process Cron scheduler
- 📦 Syncpack 14.0 - CLI for managing npm dependency versions, rewritten in Rust
- 📦 Phantom UI - Structure-aware skeleton loader for every framework, based on Web Component
🤭 Fun
See ya! 👋
