📨 #243: Next.js, TanStack, Compiler, React Router, R3f | Node-API, Wallet, Worklets, Apple LLM, Metro, Skia, Radon, RNEF | Nuxt, Deno, zshy, TypeGPU, Rspack
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
Ne manque pas le prochain email !
💸 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 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.typedRoutesfeature. 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
mutationOptionsobject - 📦 oxc 0.77 – Support for styled-components transformer plugin
- 🎙️ Podrocket – Storybook 9 is leveling up UI testing with Michael Shilman
Ne manque pas le prochain email !
💸 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.
- 💸 PostHog - How to set up React Native surveys
- 🐦 React-Native-Worklets - Bundle Mode preview: Experimental feature that makes it possible to use third-party npm packages inside worklets.
- 🐦 Legend List under big rewrite: Improved performance, synchronous mounting.
- 🐦 React-Native-Keyboard-Controller is now available in Expo Go
- 🐦 Interactive comparison of Expo fingerprint components to better understand OTA updates
- 📜 Chromium Blog – Introducing Skia Graphite: Google has released a new rasterization backend, as the original Chromium engine, Skia, was struggling with performance issues. Thanks to the new solution, Graphite, Motionmark 1.3 scores increased by almost 15% (on a Macbook Pro M3) and led to improvements for real-world metrics, such as interaction to next paint time or time to largest contentful paint). We should benefit from this in upcoming versions of React-Native-Skia.
- 📜 On-Device Apple LLM Support Comes to React Native: preview release of
@react-native-ai/applebringing on-device Apple foundation models to React Native. - 📦 Metro 0.83 – Node 22.14 is now required
- 📦 Module Federation - Metro plugin: Callstack has made a new Metro plugin for Module Federation, which will help you to adapt React Native apps and start using Module Federation with Metro bundler.
- 📦 Radon IDE 1.9 – Radon Connect, switch between different project configurations, camera output on Android
- 📦 React Native Enterprise Framework 0.8 – New visual representation, support for RN 0.80, RNC CLI 19.1
- 📦 React Native Apple LLM – Plugin for Apple Intelligence and Foundation Models
- 📦 Tinybase 6.4 – new persister-react-native-sqlite module
- 🎙️ RNR 337 – Meta Quest for React Native with Markus Leyendecker
- 🎙️ Rocket Ship 76 – Unistyles 3.0, SwiftUI Filters, Nitro Hype & the Expo Debate
- 🎥 Expo – How to build a Custom Expo Module
- 🎥 Software Mansion – Building Apple & Google Photos Clone in React Native
🔀 Other
- 📜 CSS Tip - Get the index of an element within its parent -
selection-index()andselection-count() - 📦 Nuxt 4.0 –
app/directory, smarter data fetching, improved TS integration - 📦 Deno 2.4 –
deno bundle, new way to import assets,--preloadflag - 📦 Rspack 1.4.8 – new Rust watcher, making Hot Module Replacement ~10% faster
- 📦 TypeGPU 0.6.0
- 📦 zshy – A new no-bundler build tool for TypeScript libraries
- 🔗 jsdate.wtf – “How well do you know JavaScript's Date class?”: An interesting 28-question quiz, testing how well you know the
DateJS class. - 🔗 A refreshed Matt Pocock’s mega-guide on how to create a npm package
🤭 Fun
See ya! 👋
Ne manque pas le prochain email !
