This Week In React #201 : TanStack, Remix, Next.js-SaaS-Starter, routing, ?search, decoupling, LLM, Astro, Redwood, Storybook, Conform...

This Week In React #201 : TanStack, Remix, Next.js-SaaS-Starter, routing, ?search, decoupling, LLM, Astro, Redwood, Storybook, Conform...


Hi everyone!

Another week with many interesting React community articles, notably around the TanStack.

We also have cool React Native announcements such as Nitro Modules.

✍ Don't forget to sign this important petition: Oracle, it's time to free JavaScript

Also check our partner conf 🗓 React Summit US - 🇺🇸 New-York - 19 & 22 December. The great React Summit conference is back in the US for it's second edition!


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

banner


💸 Sponsor

Uncover React Component Usage Across Your Dev Teams

Uncover React Component Usage Across Your Dev Teams

☁️ Imagine being able to see exactly how and where devs are using specific React components so you can spot ways to reduce front-end tech debt and prove design system value. You can with Omlet.

  • Gain a central catalog of all the custom and reusable components you’ve used in production

  • Search and filter components by specific attributes to uncover what needs to be updated, debugged, or utilized more

  • Easily create and share custom charts with your team to show design system adoption, legacy code reduction, least/most used components and props, and more.

Get set up and run your first scan in <5 minutes. Try for free.


⚛️ React

Introducing TanStack Router

TanStack news

I wasn't sure which headline to pick this week, so let's gather all TanStack-related news under one roof:

  • 📜 Introducing TanStack Router: Great routing/navigation overview of this full-featured client-side framework that powers the upcoming TanStack Start framework (in alpha). It notably shines for its great typesafety for links, path segments and search parameters. I particularly like the idea of linking with to=”/users/$id” instead of to=”/users/123”.

  • 📜 A milestone for TypeScript Performance in TanStack Router: Still related to TanStack Router, I also liked this post that dives deep into troubleshooting TypeScript performance problems in the language service, leading to slow IDE autocompletion.

  • 📜 How Infinite Queries work: Dominik from React Query explains how Infinite Queries work under the hood, using an elegant code architecture with a pluggable behavior logic. He also explains how he fixed an historical bug that was only reported recently, caused by the retry logic.

  • 👀 Clerk TanStack start SDK (beta): A third-party auth provider adding first-class auth support to the upcoming framework is a great sign of traction.



💸 Sponsor

Amplify the benefits of JWTs and Session Tokens

Amplify the benefits of JWTs and Session Tokens

Learn how leveraging the benefits of both session token authentication and JWTs results in the best of both approaches.


📱 React-Native

Nitro Modules

Nitro Modules

Marc Rousavy finally released his long-awaited framework for creating very fast native modules with a great DX. It is based on Nitrogen, a code generator that generates type-safe C++/Swift/Kotlin bindings from a TypeScript interface. Many TypeScript types are supported. Unlike other module solutions, it is able to bridge directly to Swift and Kotlin (from C++). A simple benchmark shows that Nitro Modules outperform ExpoModules and TurboModules on a simple operation. So far the community feedback from early adopters has been very positive, notably William Candillion using it on react-native-wgpu. Also worth reading Brent Vatne’s comment for why they didn’t adopt direct Swift C++ Interop in Expo modules (at least for now).



🔀 Other


🤭 Fun

alt

alt

alt

See ya! 👋

Did you find this article valuable?

Support Sébastien Lorber by becoming a sponsor. Any amount is appreciated!