βš›οΈ This Week In React #256: Next.js, directives, TanStack, Storybook, Waku, shadcn, Rari, Astro | Navigation, EAS, Expo Modules, Gesture Handler, Screens, Nitro, IAP | ArkType, Biome, Svelte, Hono


🌐 Read Online

Hi everyone! Filip and Krzysztof from Software Mansion here! πŸ‘‹

This edition is special for at least four reasons:

  1. It's a very rounded anniversary edition - issue 256 - let's hope our counter can hold more than 8 bits 🀞
  2. This is the first newsletter issue for Filip, who is improving React Native DX by developing Radon IDE.
  3. It was a great week, with a lot of excellent content emerging from the Next.js conf in the React world.
  4. React Native isn't far behind, as this week saw some cool stuff released, including updates for React Navigation, Uniwind, React Native Screens, and more.

That's more than enough reasons to jump straight into the content - enjoy the reading!

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

πŸ’Έ Sponsor

AI Localization That Actually Understands React

Stop wasting time fighting your i18n keys. 😫 Crowdin is the perfect, automated l10n solution built for React developers – whether you're an individual or a startup.

The days of manually providing context are over:

  • Context Harvester: Our open-source CLI uses Agentic AI to scan your code and automatically attach usage context to every string. It knows if "Close" is a button, a component name, or a modal title. No more guesswork for the AI. 🀯
  • Smarter AI Translations: With that precise context, our pre-translation engine delivers production-ready strings instantly.
  • Integrations: Connect Crowdin directly to your repo. Localization becomes a simple, continuous part of your CI/CD pipeline.

Launch a multilingual app without breaking a sweat. Focus on features, not fighting filesπŸš€

βš›οΈ React

πŸŽ₯ Next.js Conf 25 - Opening Keynote

Next.js conf was the main event of last week, with a keynote highlighting newly released Next.js features, in particular:

  • Turbopack as the new default bundler, including beta support for file-system caching
  • The Adapters API to interface Next.js with hosting platforms, built in collaboration with various partners and Vercel competitors
  • Cache Components: new fancy name of Partial Pre-Rendering, with more explicit APIs

Let's take a step back to explore this new flagship Cache Components feature. It is a new opt-in flag to turn on that lets you implement the Partial Pre-Rendering pattern. The goal is to keep your app/page shells static so that navigation feels instant. It nudges you to move dynamic (searchParams(), headers()...) and async calls (fetch(), DB access) within a boundary so that the page shell remains static and fast, while the dynamic/slow parts can stream into it. And when you really want to include an async component in the static shell, a new ’use cache’ directive to turn it into a Cache Component that lets Next.js pre-render it statically. Turning this feature on also enables a back/forward navigation cache powered by the new component. This new mode offers a more composable, explicit and granular caching model, compared to the previous model based on route-level controls and aggressive implicit caching by default.

This event also led to various discussions in the community, following the introduction of parametrized directives (’use cache: private’ / ’use cache: remote’), and the introduction of a Vercel ’use workflow’ directive the next day. Many developers argue it’s dangerous to use strings and would prefer function decorators or explicit typesafe API calls. We still need to think about it before making up our minds and taking a side, but here are some related links worth checking out:

πŸ’Έ Sponsor

Sentry AI Code Review: Catch Bugs Before They Ship

Stop shipping preventable bugs. Sentry AI Code Review brings error and performance context into your PR to catch bugs before they break prod.πŸ§‘β€πŸ’»

Why devs rely on it:

  • Automated detection of bugs, risks, and regressions
  • Actionable insights, not distracting noise
  • Tighter feedback loops for faster merges
  • Context-aware checks tied to real Sentry data
  • Less time debugging, more time building

Ship code that breaks less, review with confidence, and keep production stable. Try AI Code Review in Sentry.

πŸ“± 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! This week, we have a lot of interesting content about Next.js, with a new major release dropping just before their flagship conf. But also fair criticisms showing that not everyone is satisfied with the framework. On the mobile side, React Native developers will enjoy improved support for iOS 26 and the ability to provide native iOS header items. BottomTabs is now v1, and Solito v5 dropped with a paradigm change. Let’s also welcome a new co-author of this...