This Week In React 269

State of React, TanStack, Next.js, Tailwind, Base UI, Doctor | Hermes, Sparkling, Yoga, Enriched, Voltra, AI | Interop, Electrobun, Module Federation, Biome, pnpm

Hi everyone!

Huge thanks ❤️ — we just hit #1 resource on the State of React 2025 survey. Wild.

This week leans heavily into TanStack and Next.js content, plus a few notable releases worth your time.

On mobile, Hermes is clearly ramping up, and ByteDance just lowered the barrier to building Lynx apps.

Let’s dive in.

As always, thanks for supporting us on your favorite platform:

• 🦋 Bluesky

• ✖️ X / Twitter

• 👔 LinkedIn

• 👽 Reddit

Dominik DorfmeisterWeb Developer - React-Query maintainer

💸 Sponsor

Cut Code Review Time & Bugs in Half

Code reviews are critical but time-consuming. CodeRabbit acts as your AI co-pilot, providing instant Code review comments and potential impacts of every pull request.

Beyond just flagging issues, CodeRabbit provides one-click fix suggestions and lets you define custom code quality rules using AST Grep patterns, catching subtle issues that traditional static analysis tools might miss.

CodeRabbit reviews 1 million PRs every week across 3 million repositories and is used by 100 thousand Open-source projects.

CodeRabbit is free for all open-source repo’s.

Get started today

⚛️ React

State of React 2025 - Survey Results

The State of React 2025 survey results are out. It’s impossible to summarize it all here, but here’s what I’ve taken away:

• useEffect remains the most disliked hook

• <Suspense> increased in both adoption and satisfaction

• React Server Components and Server Functions divide

• Although usage is still low, <Activity> reaches a 100% satisfaction score

• TanStack Query and Zustand remain the favorite libraries

• Your favorite resources are the official docs, this newsletter (❤️), Syntax.fm, Theo.

Read also the breakdown from Aurora Scharff, who wrote the survey conclusion.

• 💸 Make React apps fast where it actually matters. Learn how to diagnose real bottlenecks and fix slow, janky React apps using modern React 19 patterns.

• 🔐 High-Severity RCE Vulnerability Disclosed in next-mdx-remote - Member that MDX is code and it’s unsafe to evaluate untrusted MDX strings.

• 🗓 React Paris 2026 - 🇫🇷 Paris - 26 & 27 March. Last chance to join! Ticket sales close on March 4th - don’t miss this premier React event. Get a 10% discount with code “TWIR”.

• 📜 Vercel - We Ralph Wiggumed WebStreams to make them 10x faster - For Next.js and other React/SSR/RSC heavy workloads, the Node.js native implementation of WebStreams can be major a bottleneck. They implemented a much faster spec-compliant alternative, until upstream performance improvements land in Node.js. No doubt Next.js is going to benefit from all this soon.

• 📜 Building Next.js for an agentic future - The Next.js team realized they need to treats agents as first-class users, thinking from their perspective.

• 📜 Virtual Scrolling for Billions of Rows - 5 vertical scrolling techniques from the `hightable` React virtualization library.

• 📜 Radix UI vs Base UI - Detailed Guide

• 📜 Next.js Finally Has Competition (TanStack Start)

• 📜 The Journey to a Safer Frontend: Why Gusto Removed React.FC

• 💸 The Secret to Faster RAG Systems by ElevenLabs

• 📦 Tailwind 4.2 - Webpack plugin, new utilities and color palettes - The Webpack plugin has been contributed by Tim Neutkens and should lead to significant performance improvements for frameworks like Next.js (even for Turbopack).

• 📦 Base UI 1.2 - Drawer component, support lazy/async components in render, new useFilteredItems hook - The new Drawer component is in preview (docs) for now. Unlike Radix, it’s not based on Vaul (now unmaintained).

• 📦 TanStack Hotkeys alpha - This brand-new TanStack library is framework-agnostic, but initially comes with a first-class React integration. It provides a type-safe API, normalizes modifiers across platforms, supports multi-step keyboard sequences, and more.

• 📦 TanStack Start 1.161 - Import protection - Ensures your code runs in the right client/server environment.

• 📦 Preact 11.0 beta.1 - By the way, TanStack query now supports Preact.

• 📦 React Doctor - Scan your codebase, let coding agents diagnose/fix your React code

• 📦 json-render 0.7 - Generative UI framework - Add 30+ shadcn/ui components, and more

• 🎥 Austin Davis - TanStack Router - How to Become a Routing God in React

• 🎥 Josef Bender - TanStack Loaders vs Context: What I Got Wrong

• 🎥 Shruti Kapoor - Build a YouTube content dashboard with generative UI (Tambo)

Addy OsmaniHead of Chrome DX - Google

💸 Sponsor

Free Workshop: Debug React Apps With AI From Dev to Prod

🧠 Seer is Sentry’s AI debugging agent. It root causes errors, suggests fixes, and catches bugs in code review before they hit production.

This free 4-part workshop series covers the full workflow: production error triage, root cause analysis, AI code review, and debugging via MCP. Each session goes hands-on with a specific feature so you can actually set it up and use it in your own projects. No fluff, just walkthroughs you can follow along with.

Register today.

📱 React-Native

WebAssembly Comes to Hermes

An exciting early preview of WebAssembly support in Hermes, unlocking new ways to integrate C, C++, Rust, and more into your React Native app. It’s even possible to precompile WASM to Hermes bytecode .hbc files.

Sparkling - Unlocks Lynx at TikTok Scale

ByteDance unveiled Lynx last year as an interesting framework-agnostic alternative to React Native. So far, the DX has been limited, and there has been no easy way to create a new Lynx app from scratch. Sparkling changes that, and offers the tooling that Lynx apps deserve. By the way, Lynx 3.6 is out, improving support for React, AI, and CSS.

See also:

• 📦 Lynx 3.6 - Lynx for AI, ReactLynx hooks, CSS for Design

• 🎥 Sparkling: A New Framework for Lynx - A 2h event with Callstack and the Lynx team.

• 💸 Product for Engineers - 10x job posts for 10x engineers

• 👀 Yoga PR - Add core Yoga support for CSS calc()

• 📜 Expo - The production playbook for OTA updates

• 📜 Agent Device: iOS & Android Automation for AI Agents

• 📜 A Practical Guide to React Native Monorepo With Yarn Workspaces

• 📦 @react-native-ai/json-ui alpha - Generative UI, tailor-made for small, local language models - Similar to json-render, but on-device.

• 📦 Sentry React Native 8.0 - Capture App Start errors and crashes

• 📦 Agent Device 0.4 - CLI to control iOS/Android devices - Supports testing on physical devices

• 📦 Enriched 0.4 - Rich text editor - Support animated gifs, pasting images, checkbox lists

• 📦 Enriched Markdown 0.2 - Layout controls, a11y, font scaling, strikethrough/underline - The next release will be even better, bringing full GitHub Flavored Markdown support (support for tables/autolinks already merged).

• 📦 Bottom Sheet Stack 1.8 - Stack manager for bottom sheets and modals - Now library-agnostic, including built-in adapters

• 📦 Voltra 1.2 - Widgets/Live Activities framework - New iOS layout engine, improved Expo support, new getActiveWidgets() API

• 🤖 React Native Testing Library Skill

• 🤖 React Native Community - Upgrade RN Skill

• 🎥 Beto - How to Add Rich Push Notifications in Expo (iOS Images)

• 🎥 Simon Grimm - How I’d Learn React Native Today (2026 Edition)

• 🎙️ React Universe on Air - From Teddy Bears to Voice Agents: Kraen Hansen on Voice AI, Local-First & App Security

🔀 Other

• 👀 Interop 2026 - Web browsers unveiled their focus areas for the year. This includes new features (cross-document view transitions, scroll-driven animations, container style queries…), but also stabilizing carryovers from Interop 2025 (anchor positioning, navigation API…).

• 👀 Selectors Level 5 - W3C First Public Working Draft - Preview of new CSS selectors and pseudo-classes being worked.

• 📜 Fun with TypeScript Generics

• 📜 Fastest Frontend Tooling for Humans & AI

• 📦 Module Federation 2.0 - Micro-Frontend Architecture - Adds support for SSR among many other things. They also plan to add support for React Server Components later.

• 📦 Electrobun 1.0 - Build ultra fast, tiny, and cross-platform desktop apps with TypeScript - An alternative to Tauri based on Bun/Zig.

• 📦 Chrome 145 DevTools - The performance panel now includes Soft Navigation markers, improving the DX when troubleshooting client-side navigation (SPA/CSR apps).

• 📦 Biome 2.4 - Embedded Snippets, HTML Accessibility, and Better Framework Support

• 📦 pnpm 10.30 - Improves pnpm why, showing an easier-to-understand reverse dependency tree

🤭 Fun

See ya! 👋