โš›๏ธ This Week In React #255: Next.js, RSC, shadcn, TanStack, 3D, Fumadocs | Solito, iOS header items, Expo, BottomTabs, MMKV, ImGui | Node.js, Vitest, Lighthouse


๐ŸŒ 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 newsletter: Armand Petit helped me on the React Native section.

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

โ€‹

๐Ÿ’ธ Sponsor

Build a page builder with Strapi AI and Vercel v0

In this tutorial, you will:

  • Understand content modeling fundamentals
  • Know when to use different Strapi content types such as collection types, single types, components, relations, and dynamic zones
  • Have a production-ready content model for company websites
  • Explore AI-powered workflows with Strapi AI and Vercel v0

โ€‹

โš›๏ธ React

Next.js 16

The new major version of Next.js just dropped as a stable release, just before Next.js Conf 2025, which is currently taking place. Weโ€™ll cover the conf announcements next week, in particular the new Cache Components features that is quite an important piece to explore.

The beta was already out 2 weeks ago with the following highlights:

  • Turbopack (stable): enabled by default. Promises up to 5-10x faster Fast Refresh, and 2-5x faster builds
  • Turbopack file system caching (beta): Faster startup and compile times
  • React Compiler Support (stable): need to be manually enabled
  • Optimized navigations and prefetching: Prefetching multiple URLs that share a layout now downloads that layout only once which cuts down on network transfer size.
  • Improved Caching APIs: New updateTag() and refined revalidateTag()
  • Build Adapters API (alpha): Create custom adapters to modify the build process
  • React 19.2: , View Transitions, useEffectEvent

Since the beta, they have also introduced new exciting features:

  • Cache Components: New model using Partial Pre-Rendering (PPR) and โ€™use cacheโ€™ for instant navigation.
  • Next.js Devtools MCP: Model Context Protocol integration for improved debugging and workflow
  • Proxy: Middleware replaced by proxy.ts to clarify the network boundary
  • DX: Improved logging for builds and development requests

๐Ÿ’ธ Sponsor

The Free, The Fast, The Data Gridโ€ฆ LyteNyte Grid Core

๐ŸšซStop burning the budget on basic data grid features! LyteNyte Grid Core is a free React data grid with the capabilities and performance youโ€™d expect from a paid library.

At just 36kb gzipped, LyteNyte unlocks the premium features other grids lock behind a paywall, such as aggregation, row grouping, data export, and more. Built in React for React, it can be headless or pre-styled, and our clean, declarative API means no more awkward integrations or workarounds.

If youโ€™re not looking for an invoice, start with LyteNyte Grid Core today.

โ€‹

๐Ÿ“ฑ React-Native

Solito 5 โ€“ Bridging React Native and Next.js

Solito, the library that connects React Native and Next.js navigation, has reached its fifth version and further simplifies life for cross-platform developers.

This major upgrade removes the dependency on react-native-web: on the web side, Solito components now return native Next.js components, with direct support for DOM props. The goal is to let you write pure Next.js for the web, while maintaining an identical API on the mobile side, without any special configuration.

This new version also includes:

  • No more react-native-web โ€“ Solito components such as , or directly re-export Next.js components and accept className, style, etc.
  • Headless components on the web โ€“ no default styles; it's up to you to use Tailwind/CSS.
  • Support for Next.js 16 & Expo SDK 54 โ€“ the monorepo examples have been updated with Turbopack and the new versions of Next.js and Expo.
  • Fixes & improvements โ€“ the useSearchParams hook now works correctly on mobile, and .web.tsx files are being phased out in favour of .native.tsx for native code.

๐Ÿ‡ซ๐Ÿ‡ท 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...