βš›οΈ 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! Filip and Krzysztof from Software Mansion here! πŸ‘‹ It’s been another challenging week for the React ecosystem. Developers worldwide have been rushing to update their React versions to patch two new vulnerabilities. This serves as a good reminder for all of us to prioritize security during testing. Fortunately, React Native remains mostly unaffected by these threats, as Server Components aren’t yet widely used in the mobile environment. We are taking a well-deserved...

🌐 Read Online Hi everyone! This week, it remains important for me to raise awareness about the React Server Components vulnerability, since an exploit is now widely available. Thankfully, we also have more positive React content to check with Fate, TanStack Alpha, React Grab, and more. It’s even hotter on the React Native side. We were patiently waiting for 0.83 to publish πŸ˜‡ and it’s now out. You can now use <Activity> in React Native πŸ”₯. Reanimated 4.2 is also out with Shared Elements...

🌐 Read Online Hi everyone! A major React 19 Server Functions vulnerability has just been disclosed. Make sure to upgrade your React 19 or meta-framework ASAP! On the mobile side, we have more positive news: RNRepo should speed up our React Native builds even more, and Shared Elements Transitions are coming soon! (unlike React Native 1.0 πŸ˜…) Don’t forget to answer the State of React 2025 survey while it’s still open! As always, thanks for supporting us on your favorite platform: πŸ¦‹ Bluesky βœ–οΈ X...