📨 #251: TanStack, React Router, RSC, ESLint, Vite, ViewTransition | Nitro Modules, Expo Workflows, Live Activity, Nitro Fetch, IAP | CSS, HTML, WASM, knip, npm

Hi everyone!

Krzysztof and Tymek from Software Mansion here! 👋

In this issue, as always, we have some great news prepared for you. On the React side, TanStack Start has been announced in Release Candidate, React Router expands RSC support to its Framework Mode, and the official ESLint plugin for React Hooks is now exhaustively documented.

However, on the React Native side, we have a bit less than usual news for you. Perhaps this is because autumn has begun (and the world overall has become gloomy), or maybe it's because there is a slight silence that heralds a storm in our React world?

Well, as we know, React Conf is coming up, so everyone is probably postponing their announcements and releases until October 7. 😉

We hope you enjoy this edition and that during this cloudy season, each of you will stay healthy!
Let's get started! 🤗

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

• 🦋 Bluesky
• ✖️ X / Twitter
• 👔 LinkedIn
• 👽 Reddit

Ne manque pas le prochain email !

If every newsletter was as informative, the world would be a better place!

Mike GrabowskiCTO and founder - Callstack

💸 Sponsor

AG Grid: The Best React Data Grid In The World.

AG Grid is a fast, free and fully customisable React Data Grid. Used by 90% of the Fortune 500, AG Grid is 100% open source with over 4 million npm downloads per month:

• 🆓 Free: Access 100s of features such as Sorting, Filtering, Pagination, Cell Editing and more, all for free - forever.
• 🚀 Fast: Display millions of cells out of the box, without compromising on performance.
• 🎨 Customisable: Add your own components to cells, rows & columns and use 100+ CSS variables to style every element.
• 🏢 Enterprise Features: Purchase a licence for lifetime access to advanced features including Pivoting, Grouping, Master / Detail and Integrated Charts (powered by our React Charting Library, AG Charts). Try it for free - no trial license required.

Learn More: ag-grid.com

⚛️ React

Announcing TanStack Start 1.0 - Release Candidate

On September 23, the TanStack team announced their new full-stack framework. TanStack Start is built on the widely known TanStack Router and was designed with server rendering, streaming, and production-ready deployments in mind.

Key features of TanStack Start include a completely type-safe routing system that can handle complex, full-stack routing requirements, built-in support for full-document Server-Side Rendering, streaming, server functions, and is designed for flexibility, allowing you to deploy your application in any environment that runs JavaScript.

You can try out TanStack Start today by installing the Release Candidate version with the instructions provided here.

React Router RSC Framework Mode Preview

We already had a preview of React Server Components for the Data Mode in React Router 7.7. With the latest release v7.9.2, React Router completes this preview by expanding RSC support to its Framework Mode.

In case you are unfamiliar with React Router modes, the post gives a quick overview. The Data Mode is quite flexible, but lower-level. The Framework Mode gives a more streamlined developer experience, managing many things for you thanks to a new unstable unstable_reactRouterRSC Vite plugin that works alongside the new official Vite RSC plugin.

Although full RSC support is coming later, these Vite plugins already enable the following features:

• Return Server Components for loaders and actions.
• Create Server Component routes.
• Use ”use client” (Client Component) and ”use server” (Server Functions) directives.

• 💸 Ship a video summarizer app with Next.js 15 & Strapi — follow this practical, step-by-step guide
• 👀 create-vite PR - React compiler templates: New template variants, designed to support React Compiler, are coming for create-vite, a tool to start a new Vite project
• 🦋 Ricky’s thread about React’s true competitive advantage: Ricky from the Meta core team states that the real innovation in React revolves around scheduling. However, not everyone agrees with this thesis, as clearly shown by the interesting debate under Seb's post on X.
• 📖 React docs - ESLint Plugin React Hooks – API reference: The React team wrote exhaustive api ref documentation about the eslint-plugin-react-hooks plugin, which will help you catch violations of React’s rules at build time. All the rules are now documented on independent pages. v6.0 is in RC and now includes the rules provided by the React Compiler.
• 🗓️ React Summit US - 🇺🇸 New York - 18 & 21 Nov. The complete speaker roster is revealed! Grab your ticket with "TWIR" for 10% off.
• 📜 Parallel and recursive route rendering: This interactive article explains how to prevent the "waterfall" issue for React Server Components. This is a common performance issue, where nested components wait for their parents to render before fetching data.
• 📜 React <ViewTransition>: Smooth Animations Made Simple: Presents various use cases for using the experimental <ViewTransition>, such as shared elements transitions, list filtering, and Suspense-based cross-fading
• 📜 Migrating to TanStack Start: The story of a successful migration from a React SPA to a fully SSR app.
• 📜 How to Use Rive App to Animate Your Web and Mobile Interfaces: Including the React integration.
• 📜 Redux in 2025: A reliable choice for complex React projects
• 💸 Sentry now with Logs. View logs, errors, and traces together to debug faster, spot root causes, and fix issues without switching tools.
• 📦 TanStack Form 1.21 – Form DevTools
• 📦 TanStack DB 0.1.21 – Conditional queries, additional return types in useLiveQuery callback
• 📦 ESLint Plugin – You Might Not Need An Effect: A plugin that pinpoints where the useEffect hook can be safely replaced with a better alternative, recently updated to cover even more edge cases and go beyond the famous React docs page.
• 📦 tldraw 4.0 – Infinite canvas in React - New CLI and starter kits, improved accessibility, license changes
• 📦 Isograph 0.4 – Modern GraphQL client – Introduces VSCode extension with syntax highlighting and "go to definition"
• 🎥 ThePrimeTime – The useEffect incident at Cloudflare
• 🎥 Cosden Solutions – The Most Underrated React Hooh - useSyncExternalStore
• 🎥 Ben Holmes – Building desktop apps with React? Try Electron or Tauri
• 🎙️ PodRocket – Mark Dalgeish on mastering RSCs with React Router

Ne manque pas le prochain email !

If you are not signed-up, you are missing out

William CandillonReact-Native animations expert - Youtuber

💸 Sponsor

No breakpoints, no console.log — just AI & time travel

15x faster TypeScript and JavaScript debugging than with breakpoints and console.log, while upgrading your AI agent 🤖 into an expert debugger with real-time context.

Wallaby.js runs your tests as you type, feeding your AI assistant real-time runtime values, code coverage, error details, and execution paths — all right next to your code.

Designed specifically for testing, Wallaby features include a Time Travel Debugger, the ability to run only opened test files, full-context AI integration, smart test runs, and more. Better context. Smarter debugging.

👉 Check It Now: Here

📱 React-Native

• 💸 Product for Engineers - What we’ve learned about building AI-powered features
• 🐦 Evan Bacon highlights new Expo SDK 54 features as support for localStorage syntax.
• 🐦 Marc Rousavy presents how Nitro Modules speed up data passing.
• 🎨 Enzo Manuel Mangano from Reactiive open-sourced his pack of great animations. You can find them on GitHub for free.
• 📜 We Thought React Native Was the Answer – Until Our App Hit 190% CPU: The story of how the combination of JavaScript and native implementation can solve serious performance issues in your app.
• 📜 EAS - TestFlight job type for Workflows: Expo describes a new type of workflow that you can use to publish your app to Test Flight.
• 📜 Bridging Animated.Value and SharedValue in React Native: The article introduces a new library, react-native-animated-observer, which brings compatibility between Animated.Value from React Native and SharedValue from Reanimated.
• 📜 How to organize Expo app folder structure for clarity and scalability
• 📦 expo-live-activity: Software Mansion just released a new package, designed for use with Expo to manage and display Live Activities on iOS devices exclusively.
• 📦 react-native-nitro-fetch: A new network fetching library for React Native with prefetching support by Margelo.
• 📦 react-native-iap 14.4 – OpenIAP Core Stack adoption
• 📦 React Native 0.82.0 rc.4
• 🎥 Expo – Liquid Glass Tabs with Expo Router v6
• 🎙️Callstack – React Native Core Contributor Summit 2025 Highlights: Behind the Scenes
• 🎙️RNR 344 – React Native 0.81
• 🎙️Rocket Ship 81 – Expo SDK 54, Expo Router v6 & Expo UI Beta for iOS with Beto Moedano

🔀 Other

• 📣 GitHub - Our plan for a more secure npm supply chain
• 👀 W3C – Draft for CSS Environment Variables
• 📜 The Big Gotcha With @starting-style: @starting style can be your friend, but you need to use it correctly. Josh Comeau explains how to utilize it to leverage its benefits and compares it to the standard @keyframe.
• 📜 What You Need to Know about Modern CSS (2025 Edition)
• 📜 Let’s Be Specific: CSS Specificity Explained: A quick overview of how to use CSS selectors.
• 📜 Vercel – How we made global routing faster with Bloom filters
• 📜 Frontend complexity and the HTML renaissance: Modern web approaches are great, but sometimes you don't need to use a sledgehammer to crack a nut, especially with the new capabilities of HTML.
• 📦 Wasm 3.0 – 64-bit address space, multiple memories, garbage collection, native exception handling
• 📦 knip 5.64 – adds Rstest and bump plugins
• 🔗 NPM Security Best Practices: A set of practices stay safe from npm supply chain attacks.
• 🎙️ Syntax – Podcast with interview of Vite creator: Evan You

🤭 Fun

See ya! 👋