This Week In React #284 : TanStack Start, Compiler, React Router | App.js, Gesture Handler, SPM, Expo | npm, Node.js, Astro

#react #reactnative

Hi everyone, Kacper and Filip from Software Mansion here.

This week, TanStack Start is once again in the spotlight. The React Compiler in Rust is on its way. React Router and Remix shipped important security patches – update immediately. There's also a fresh batch of releases from TanStack Form, XState Store, shadcn, React Aria, and more.

On the React Native side, this week was dominated by App.js Conf 2026 in Kraków. Gesture Handler 3.0, Swift Package Manager support for React Native, and Legend List 3.0 were among the highlights, alongside Expo announcements like EAS Observe.

Let's go!

💡 Subscribe to the official newsletter to receive an email every week!

💸 Sponsor

Atomic CRM: The Open-Source CRM Toolkit for Developers

Stop struggling with locked-in CRMs and expensive seats. Atomic CRM gives you the power of a professional CRM with the total freedom of open-source.

It’s the only toolkit that combines a high-end user experience with data sovereignty. No more lock-in, no more "renting" your contacts.

Everything you need is already there:

Native Mobile App for on-the-go access.
Intuitive Kanban Boards for pipeline management.
Built-in Email Tracking to stay on top of leads.
Free SSO for seamless team integration.
MCP Server Integration for productivity gains.

Why settle for a black box SaaS when you can own the entire platform? Deploy Atomic CRM on your own infrastructure in minutes and regain control over your most valuable asset: your data.

⚛️ React

TanStack Start Gaining Momentum:

📜 TanStack Start Adds First-Class Rsbuild Support - TanStack Start now supports Rsbuild / Rspack alongside Vite via a new plugin adapter, covering SSR, streaming, HMR, Server Functions, and RSC.
📜 Lovable - Building apps using TanStack Start - The AI App builder is now using TanStack Start with SSR by default for all new projects.
📜 The Conductor Rewrite: What They Changed to Make It Fast - Migrating their Tauri desktop app from React Router to TanStack Router significantly reduced re-renders thanks to its built-in structural sharing and stable refs.
📜 TanStack Start authentication: A developer's guide for 2026 - Why beforeLoad doesn't protect server functions, the double-guard pattern, sessions, and middleware.

💸 SVAR React Gantt – Build project timelines with a pure React API and advanced scheduling (MIT & PRO)
👀 React Compiler update - The Rust compiler PR to be merged soon - It already produces at 99.9% the same output as the original TS compiler. You can try it already through a local PR checkout. The Oxc team is already working on an integration (PR).
📅 Next.js Nights - The Next.js team on tour (9 June SF, 11 June Amsterdam, 18 June London) - They also teased us about an upcoming v16.3 release, including Instant Navigations and new AI-related features.
🔐 React Router & Remix v2 - 7 CVEs published - Includes RCE, CSRF, XSS, and DoS vulnerabilities. Update to React Router v7.16.0 / v6.30.4 or Remix v2.17.5.
📜 Deprecating a React component using TypeScript Overload - How to ship a breaking component redesign without renaming it with the usage of TS overload, mark the old API as @deprecated, and let consumers opt into the new version by adding a new prop.
💸 PostHog - PostHog Code and the self-driving product
📦 TanStack Form 1.33 - FormGroup API to simplify multi-step forms
📦 React Hook Form 7.77 - new resetDefaultValues API
📦 React Email 6.5 - Filter compatibility warnings by client, accessibility improvements
📦 TypeGPU React - React bindings for TypeGPU - Hooks like useFrame, useUniform, and useRoot to write GPU shaders directly in TypeScript and integrate WebGPU into React components.
📦 Lexical 0.45 - New composable DOMImportExtension replacing importDOM, backspace now preserves block type, canUndo/canRedo signals on HistoryExtension.
📦 React Aria Components 1.18 - Calendar multi-date selection, month/year pickers, new TableFooter and SliderFill components - Checkbox, Radio, and Switch now support description and error message slots.
📦 React Spectrum 1.4 - drag & drop in ListView and similar, TableView highlight selection & TableFooter, custom prefixes in ComboBox/TextField, multi-date Calendar selection
📦 Shadcn UI 4.9 & 4.10 - GitHub registries, npx shadcn eject to extract any component into your codebase
📦 Next Intl 4.13 - useExtracted function now generates message keys using URL-safe base64
📦 React Flow 12.11 - new autoPanOnSelection prop
📦 XState Store 4.0 - createStoreLogic for reusable stores, enq.trigger for chaining events, Standard Schema support, store.can for event checking.
📦 React Archer 5.0 - Draw arrows between elements - Add React 19 support
📦 ESLint Plugin React ”You Might Not Need An Effect” 1.0
🎥 Jack Herrington - All 17 TanStack Projects In ONE App!
🎙️ Señors at Scale - Redux at Scale with Mark Erikson

💸 Sponsor

Ship AI generated code safely with Meticulous.

Claude writes your code. Claude reviews your code. Claude fixes the review comments. And somehow, you're the one getting paged at 2am when it breaks in prod.

Fortunately, top AI-driven teams like Dropbox, Notion, LaunchDarkly, and Wiz rely on Meticulous to run 1000s of e2e UI tests autonomously, covering every user flow, edge case, role and permutation. Built by ex-Palantir engineers, Meticulous gives you near-exhaustive coverage in weeks, without any developer effort.

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)

Check it out - and see why one engineering leader at Dropbox said that “once we started using Meticulous, we couldn’t imagine working without it.”

📱 React-Native

Highlights from App.js Conf 2026

Last week, the community gathered at the App.js Conf happening in Kraków. We're highlighting three announcements here, since many of the others shipped over the past month and were demoed again on stage. Make sure to catch the rest of the talks through the live stream recordings (Day 1, Day 2).

React Native Gesture Handler 3.0

Major release rebuilt for the New Architecture, dropping Old Architecture support, introducing a new hook-based API which is React Compiler friendly, a new Touchable component with built-in animations and deeper Reanimated integration.

Swift Package Manager support for React Native

Meta + Expo previewed npx react-native spm, which scaffolds SPM config to replace CocoaPods: generates a committable Xcode project, runs codegen, caches XCFrameworks globally. CocoaPods trunk goes read-only Dec 2. Both Cocoapods and SPM work in parallel during the transition.

EAS Observe

New Expo production performance monitoring service that tracks real-world startup times, render performance, and bundle load times across devices, with release comparison and per-session investigation. Currently in Private Preview, free up to 10K MAU for at least three months.