βš›οΈ This Week In React #251: TanStack, React Router, RSC, ESLint, Vite, ViewTransition | Nitro Modules, Expo Workflows, Live Activity, Nitro Fetch, IAP | CSS, HTML, WASM, knip, npm


β€‹πŸŒ Read Online ​

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:

πŸ’Έ 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 flexible, but low-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.

πŸ’Έ 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

πŸ‡«πŸ‡· En franΓ§ais

πŸ”€ Other

🀭 Fun

See ya! πŸ‘‹

βš›οΈ This Week In React

πŸ”₯ Keeps React and React-Native experts up to date! Join 34k+ devs for one email per week.

Read more from βš›οΈ This Week In React

🌐 Read Online Hi everyone, Seb here! πŸ‘‹ This week has been relatively calm in the ecosystem. We have a good variety of community blog posts, releases, and weak signals. I'm not sure what to highlight, so I'll just let you enjoy reading it! As always, thanks for supporting us on your favorite platform: πŸ¦‹ Bluesky βœ–οΈ X / Twitter πŸ‘” LinkedIn πŸ‘½ Reddit πŸ’Έ Sponsor AG Charts: The Best React Charts in the World. AG Charts is a high-performance, canvas-based charting library from AG Grid. Originally built...

🌐 Read Online Hi everyone, Seb and Armand here! πŸ‘‹ This week, we found various interesting React releases and links about directives, Partial Pre-Rendering, performance, micro-frontends, i18n, among other things. On the React Native side, we had 2 major releases and various interesting weak signals. Beware of the RN Dev Server vulnerability, and make sure to upgrade if needed. As always, thanks for supporting us on your favorite platform: πŸ¦‹ Bluesky βœ–οΈ X / Twitter πŸ‘” LinkedIn πŸ‘½ Reddit πŸ’Έ Sponsor...

🌐 Read Online Hi everyone! Filip and Krzysztof from Software Mansion here! πŸ‘‹ This edition is special for at least four reasons: It's a very rounded anniversary edition - issue 256 - let's hope our counter can hold more than 8 bits 🀞 This is the first newsletter issue for Filip, who is improving React Native DX by developing Radon IDE. It was a great week, with a lot of excellent content emerging from the Next.js conf in the React world. React Native isn't far behind, as this week saw some...