📨 #264: Next.js, Immer, React Router, Waku, Ant, React Conf, | Voltra, 0.84 RC, Hermes, RNSec, Galeria, Nitro, Radon, Facetpack, Rock, Haptics | Chrome, Astro, Turborepo, Rspack, Rising Stars

Hi everyone! Kacper and Filip from Software Mansion here! 👋

It's not too late—we're finally back from our Christmas break, and the entire newsletter team wishes you a happy New Year!

The winter break brought a lot of great articles from the community. While for some, early January is a time for reflection, summaries, and reviews of 2025, others can’t stop shipping.

In the React space, we have a new version of Next.js 16.1, security fixes for React Router, and the announcement of Waku 1.0 alpha.

As for React Native, we have the release of Voltra, a new way to create Live Activities & Widgets, and a sneak peek of React Native 0.84 with Hermes v1 enabled by default.

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

• 🦋 Bluesky
• ✖️ X / Twitter
• 👔 LinkedIn
• 👽 Reddit

Don't miss the next email!

One of the few things I regularly read to keep up with the React world.

Theo BrowneFounder of ping.gg - Youtuber

💸 Sponsor

Cut Code Review Time & Bugs in Half

Code reviews are critical but time-consuming. CodeRabbit acts as your AI co-pilot, providing instant Code review comments and potential impacts of every pull request. 

Beyond just flagging issues, CodeRabbit provides one-click fix suggestions and lets you define custom code quality rules using AST Grep patterns, catching subtle issues that traditional static analysis tools might miss.

CodeRabbit has so far reviewed more than 10 million PRs, installed on 2 million repositories, and used by 100 thousand Open-source projects. CodeRabbit is free for all open-source repo's.

Get Started Today

⚛️ React

• 💸 Product for Engineers - Your product ideas probably suck (that's ok)
• 📜 How to Steal Any React Component: An interactive article that shows it’s possible to extract React Fiber information and feed it to an LLM to reconstruct almost any React component.
• 📜 Building Type-Safe Compound Components: A convenient API for grouping dialogs, modals, and selects, but it’s not the easiest to ensure their type safety. Dominik suggests using the so-called Component Factory Pattern to provide strong type guarantees.
• 📜 Experimenting with Bun: From Idea to Production in a Week: A successful case study of swapping Node.js for Bun to run React SSR workloads.
• 📜 Using React Transitions for low-priority text editor updates: This interactive article shows how to leverage useDeferredValue to render the editor preview with a lower priority to keep the main editor responsive.
• 📜 Sharing data with Client Components: RSCs can’t use Context directly. Instead, they can pass data (such as the current user) to Client Components that can later expose it as Context. Passing a promise does not block the navigation and improves performance.
• 📜 Understanding useEffectEvent: How useEffectEvent solves useEffect stale closure problem.
• 📜 I used a generator to build a replenishable queue: Building a file upload UX with useSyncExternalStore.
• 📜 How Good Is AI at Coding React (Really)?
• 📜 Comprehensive introduction to measuring and improving React app performance
• 📜 How to write good frontend tests: 37 tips and tricks
• 💸 Building AI Voice Agents at Scale — The executive playbook by ElevenLabs
• 📦 Next.js 16.1 - Filesystem cache for next dev, bundle analyzer, improved debugging
• 📦 Immer 11.1 - Performance improvements
• 📦 React Router 7.12 - Security fixes
• 📦 Waku 1.0 alpha - Stable API surface
• 📦 Ant Design 6.2
• 🎥 React Conf 2025 - All the talks and interviews are now online
• 🎥 Theo - I moved off of Next.js (to TanStack Start)
• 🎥 Cosden Solutions - The Better Way to Use React Query
• 🎙️ Meta Tech Podcast 82 - CSS at Scale with StyleX

Don't miss the next email!

People always ask how I keep up to date, it's This Week In React.

Jack HerringtonPrincipal Engineer - Youtuber

💸 Sponsor

React Performance, v2

Make React apps fast where it actually matters.

An advanced performance course from Steve Kinney, focused on diagnosing real bottlenecks and fixing slow, janky React apps using modern React 19 patterns.

🚀 Modern React: Suspense, transitions, deferred values, hydration, server actions
🔍 Debug Faster: Find unnecessary re-renders with React DevTools & the Profiler
🧠 Smart Optimization: Memoization, virtualization, code splitting, optimistic UI
⚡ Feel-Fast UX: Learn how React Fiber prioritizes work to keep apps responsive

⏱ 4+ hours • ⭐ 4.8 rating
🏫 From Frontend Masters

👉 Watch the course: https://frontendmasters.com/courses/react-performance-v2/

📱 React-Native

Voltra 1.0 - Live Activities & Widgets with JSX in React Native

Voltra is a new library that allows React Native devs to compose Live Activities and Widgets using SwiftUI primitives in just JSX, without having to write native code.

While previous community attempts, such as expo-apple-targets or expo-live-activity, either supported a limited set of possible layouts or required knowledge of Swift, Voltra overcomes these limitations.

Note that Expo is also working on their own solution for Widgets & Live Activities coming in Expo SDK 55.

• 💸 Radon PRO - turn your code editor into an integrated experience. Try it out and enjoy the best way to build React Native apps.
• 👀 Hermes V1 enabled by default starting from React Native 0.84: A faster Hermes JS-engine added as experimental in RN 0.82 will be the standard in the next stable RN release.
• 📜 Expo - Cutout camera effects in React Native with Expo Camera and MaskedView: Explanation on how to make parts of UI see-through to the camera feed behind them. This creates the illusion that the phone is transparent.
• 📜 TikTok-style video feed in React Native: Tips on building a well-optimized short-form vertical video feed using FlashList, directional preloading (5 videos ahead, 1 behind), and aggressive video pausing.
• 📜 Animating SFSymbol Icons in the native iOS tab bar: The author describes a workaround for animating icons in the native bottom tabs navigator. He had to traverse the native view hierarchy to apply the effect to the base UIImageView.
• 📜 How to compile JavaScript to C with Static Hermes: It looks like Hermes has valid use cases outside of the React Native world. The creator of Parcel was able to compile the Less.js CSS preprocessor into a C library that he can call from Rust.
• 📜 Callstack - React Native Wrapped 2025: A Month-by-Month Recap of The Year
• 📜 Infinite Red - React Native Wrapped 2025: The Year We Entered Our Polishing Era
• 📜 Software Mansion - React Native in 2026: Trends & Predictions
• 📦 RNSEC - Security Scanner for React Native: a CLI that scans RN & Expo apps for security vulnerabilities & hardcoded secrets
• 📦 Facetpack: Promising 36x faster Metro transforms for React Native using OXC in place of Babel
• 📦 Tickle - AHAP-style haptics for React Native: Supports transient & continuous haptics. Callable from UI Thread.
• 📦 React Native 0.84 RC.0: Updates to React 19.2.3, lots of accessibility improvements, added onKeyDown/onKeyUp events
• 📦 Galeria 2.0 - New transition style, corner radius interpolation, page indicators, blur overlay
• 📦 Nitro 0.33 - HybridViews recycling and UIView subclasses support
• 📦 Radon 1.15 - Run Maestro tests directly in Radon
• 📦 Sonner Native 0.23 - Toast library - Added positionStyle prop
• 📦 Rock 0.12 - Brownfield-ready modular toolkit - Support for RN 0.83 & 0.82
• 🎥 Simon Grimm - Choosing the Right React Native Stack in 2026
• 🎥 Building v0 iOS and Fixing React Native Along the Way
• 🎙️RNR 350 - React Native Wrapped 2025

🔀 Other

• 📊 2025 JavaScript Rising Stars
• 📖 The Concise TypeScript Book - an interesting alternative to the official TypeScript documentation.
• 📜 Logging Sucks - an opinion piece about good logging practices in the age of distributed systems.
• 📜 require(esm) in Node.js: from experiment to stability - Deep dive into challenges of bringing require(esm) into a stable version of Node.js.
• 📜 Signals vs Query-Based Compilers - A comparison of 2 different approaches to building incremental systems.
• 📜 NPM to implement staged publishing - The future plans for protecting against supply chain attacks.
• 📦 Chrome 144 - New <geolocation> element, Temporal API, and devtools improvements.
• 📦 Astro 6 beta - Redesigned dev server experience
• 📦 Turborepo 2.7 - DevTools, composable config
• 📦 Rspack 1.7 - Final version before v2

🤭 Fun

See ya! 👋