📨 #243: Next.js, TanStack, Compiler, React Router, R3f | Node-API, Wallet, Worklets, Apple LLM, Metro, Skia, Radon, RNEF | Nuxt, Deno, zshy, TypeGPU, Rspack

July 16, 2025 · 8 min read

Software Engineer - Software Mansion

Hi everyone! Tomek and Tymek from Software Mansion here! 👋

This week, we're coming with some interesting announcements and even more noteworthy news. Next.js 15.4 has been announced, bringing full Turbopack support and stability improvements.

On the React Native side, 0.81 is getting closer and closer to us as the new release candidate shows and there’s a couple of new announcements around react-native-worklets, react-native-wallet, and Module Federation Metro and Node API support for React Native.

We hope you are already excited because there is much more interesting news to come.

Let's get into it!

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

🦋 Bluesky
✖️ X / Twitter
👔 LinkedIn
👽 Reddit

Don't miss the next email!

If you are not signed-up, you are missing out

William CandillonReact-Native animations expert - Youtuber

💸 Sponsor

Free AI Code Reviews in IDE - VSCode, Cursor, Windsurf

CodeRabbit is the AI code review platform purpose built to speed up code reviews and improve code quality. Integrating seamlessly into git workflows and existing toolchains, it delivers codebase-aware reviews and supports all programming languages.

Now they are excited to deliver AI code reviews directly in VS Code, Cursor, and Windsurf–letting you and your team (vibe) code with confidence and review while keeping in flow.

Even better: code reviews in the IDE are free! That’s right: line-by-line reviews and one-click fixes, all in your IDE at no cost to you.

Install the extension and start vibe checking your code today!

⚛️ React

Next.js 15.4

Next.js 15.4 has been released! This version includes updates to performance, stability, and 100% integration test compatibility for Turbopack builds, fulfilling 100% integration test compatibility (passing all 8298 integration tests for production builds). Vercel showed its production readiness by using Turbopack to power the vercel.com website.

Also, this release comes with an early preview of the Next.js 16. You can try upcoming features right now, such as cache components, mentioned turbopack builds with the next build --turbopack command, optimized client-side routing and stable Node.js middleware.

💸 The Road to Next - Master Full-Stack Web Development with Next.js 15 and React 19
👀 Next.js draft PR – Initial support for typed links: Introduces a new typed links API for Next.js that provides type-safe navigation built on top of the new experimental.typedRoutes feature. Great move from the team as type-safe navigation is always welcomed.
👀 React Compiler PR – full docs rewrite: Another signal that React Compiler is approaching to be announced as stable thus needs a more prominent place in the documentation.
📖 React Router - Middleware docs: This new docs page describes core concepts and common patterns along with many code examples.
🦋 Firefox review team rejects further React DevTools updates because the extension is using React from source.
🐦 TanStack Start will not exclusively rely on Nitro: TanStack Start will not exclusively rely on the Nitro server and does not have a hard dependency on a package under Vercel ownership (a community concern following the Vercel acquisition of NuxtLabs). It is pointing towards "vite native" to support any Vite plugin that uses the environment APIs to configure build output.
🐦 Alex Sidorenko – How to reduce prefetching without sacrificing navigation speed in Next.js
👥 Lee Robinson – 5 things I learned from 5 years at Vercel: Lee Robinson, one of the main figures of Next.js is leaving Vercel. He decided to convey the 5 most important things he learned during his work. At the same time, Sam Selikoff is joining the team, announcing work on new features, such as ViewTransitions, pre-rendering or the “use cache” declaration.
📜 The Architect's Guide to Micro-Frontends: A Deep Dive into Module Federation with React and Angular: Traditional monolithic architecture could often bring limitations, such as slow development cycles and fragility. Learn from the widely described article how to use Module Federation as an encroaching standard for implementing micro-frontends.
📜 Architecting with Constraints: A Pragmatic Guide
📜 How To Create Kinetic Image Animations with React-Three-Fiber
📜 Three.js Instances: Rendering Multiple Objects Simultaneously
💸 Convex launched a collaboration with Resend
📦 TanStack Router 1.26: New custom React Vite plugin, through which the library will soon stop auto-configuring React/Solid Vite plugins, thus increasing the possibilities of configuration on your own.
📦 TanStack Router 1.27 – Seroval is being used for SSR: It permits serializing data to JSON that are not usually serializable, such as Date.
📦 TanStack Query 5.82 / 5.83 – new mutationOptions object
📦 oxc 0.77 – Support for styled-components transformer plugin
🎙️ Podrocket – Storybook 9 is leveling up UI testing with Michael Shilman

Don't miss the next email!

I'm constantly finding interesting things to learn in there.

Dominik DorfmeisterWeb Developer - React-Query maintainer

💸 Sponsor

Embrace: User-focused observability for mobile and web

What if you could connect every performance signal directly to the user it happened to, what they were doing, and whether it mattered? With Embrace, you finally get observability that surfaces real user impact.

📊 Track Core Web Vitals, crashes, network requests, and custom events—all tied to full user sessions.
👤 Get deep insights into users with session stitching and play-by-plays of every user experience.
🔍 Discover the root cause faster with high-fidelity data, including session timelines, performance traces, and user journeys.
🔭 Embrace is built on OpenTelemetry. Own your data, integrate it anywhere, and avoid the rigid pricing and limitations of all-in-one platforms.

Learn more, including how to get started free, at embrace.io.

📱 React-Native

Node-API Support for React Native

A collaborative effort to bring Node-API into React Native. Node-API allows native code to interface with JavaScript in a runtime-independent and ABI-stable way. The PR adding Node-API support to Hermes is a work-in-progress, although most of the actual code is being upstreamed from React Native Windows.

Introducing react-native-wallet

A new React Native library created by Expensify and Software Mansion. It streamlines the process of integrating payment cards into mobile apps for both Apple and Google Wallet (in-app provisioning), handling platform-specific complexity under the hood. It supports a wide array of card providers like Visa, MasterCard, Amex, or Discover, and ensures the integration follows the strict guidelines and best practices required by both Google and Apple.