📨 #254: Next.js, Remix, Compiler, Async React, TanStack, Cloudflare, Hook Form, Conform | VirtualView, DevTools, Screens, Radon, Harness, Audio API, Uniwind, Nitro | Bun, Oxlint, Vite, View Transitions

15 octobre 2025 · 10 minutes de lecture

Kacper Kapuściak

Software Engineer - Software Mansion

Krzysztof Piaskowy

Software Engineer - Software Mansion

🇫🇷 Non traduit :/

Malheureusement, cette page n'a pas encore été traduite en français. Reviens un peu plus tard!

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

We don't know about you, but we're still living and breathing the news from last week's React conf.

In the previous issue, we covered the first day of React Conf, but when it comes to React Native, many announcements took place on the second day, including VirtualView and the sneak peek into React Native 0.83.

Aside from React conf announcements, Next.js 16 has been released in beta, and Remix 3 has been introduced.

Also check our partner conf 🇬🇧 React Native London on 13-14 Nov, and make sure to claim a 10% discount with our usual code "TWIR".

Let’s go!

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

🦋 Bluesky
✖️ X / Twitter
👔 LinkedIn
👽 Reddit

Ne manque pas le prochain email !

It's exceptionally well curated, offers great insights and is well worth subscribing to!

Addy OsmaniHead of Chrome DX - Google

💸 Sponsor

AG Charts: The Best React Charts in the World.

AG Charts is a high-performance, canvas-based charting library from AG Grid.

Originally built to power AG Grid’s Integrated Charts, it now serves over 1M npm downloads each month.

🆓 Free: A wide range of chart types (bar, line, scatter, area, and more) — free, forever.
🚀 Fast: Optimised canvas rendering for large datasets (1M+ points).
🦾 Accessible: Built-in support for screen readers and keyboard navigation.
🔄 AG Grid Integration: Shared API with AG Grid for seamless integration.

👉 Get Started for Free: www.ag-grid.com/charts

⚛️ React

Next.js 16 beta

Next.js 16 beta

A new major version of Next.js got released in beta. This is the best time to try the newest features and share the feedback with the team. Highlights for this release include:

Turbopack (stable): Enabled by default. Promised to be 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: <Activity>, View Transitions, useEffectEvent.

Remix v3 basic component

🎥 Remix Jam 2025 - Introducing Remix 3

Ryan and Micheal introduced for the very first time Remix v3 in a 3h+ conf talk, and Seb watched it all so that you don’t have to. This new major version does not use React anymore, but we think it still deserves to be featured here. It’s not even in alpha yet, but still worth exploring.

On the client, it remains quite similar to React (using declarative JSX) but it has a setup function that runs only once (like Solid), state is managed imperatively and re-renders are triggered manually with this.update() (good idea? time will tell 😅). It also has a quite interesting composable event system that lets you build custom interactions and move “event state” outside of your components (when you’d probably use refs in React).

On the server, it’s built on top of a scalable router with advanced pattern matching and typesafe reverse routing. It also takes the best of iframes to introduce a <Frame> component that reminds React’s Suspense and Astro Server Islands (see my tweet), letting you defer expensive components to the client. Frames have explicit URLs, can be granularly reloaded after mutations, and payloads are plain old HTML, making them quite easy to debug in the network tab. Unlike React, Remix is able to reconcile both plain HTML and JSX.

Overall, it introduces an interesting model that remains close to React before hooks were introduced, with some major design changes (non-reactive state updates, manual re-renders), and also offers a simpler alternative to React Server Components. As you’d expect from that team, the framework heavily relies on standard web platform primitives (even for the backend), allowing it to run almost everywhere, including Service Workers. Learning Remix 3 will teach you about CustomEvent, EventTarget and AbortController extensively.

💸 The Road to Next - Master Full-Stack Web Development with Next.js 15 and React 19
👀 Introducing the Async React Working Group: Provides support and guidance for modern React features such as Transitions, Suspense and optimistic.
📜 Context Inheritance in TanStack Router: Explains how the router handles parent URL path parameters for nested routings and provides type-safe access to them.
📜 The Perils of Reactivity: A "magic" API is always a trade-off. The author discusses the hidden costs of reactivity in modern UI frameworks.
📜 Serialization and deserialization without blowing React: If you share large data structures between components, the replaceEqualDeep method from TanStack Query can help you avoid unnecessary re-renders by updating only parts of the structure instead of recreating them entirely.
📜 Transform FormData Between UI and Database in React Router: An interesting take on how form actions simplify the mental model of synchronizing data between the UI and the database.
📜 Building an Async Combobox with useSuspenseQuery() and useDeferredValue(): The combination of concurrent features like useSuspenseQuery() and useDeferredValue() can help create a smooth user experience by deferring less critical UI updates.
📜 HTML’s Best Kept Secret: The <output> Tag: Some forgotten HTML tags, like <output>, have can help improve your React app accessibility.
📜 React Conf 2025 – Recap (React & React Native Days): The summary of the main highlights and hot takes from two days of React Conf.
📜 Unpacking Cloudflare Workers CPU Performance Benchmarks: Theo recently published benchmarks showing how Vercel outperforms Cloudflare on various scenarios including React and Next.js-related ones. Cloudflare reacted by investigating and fixing many performance issues, some of which will be upstreamed in React and OpenNext.
📜 React Alicante 2025 Recap
💸 React Certification – 50% off Mid + Senior bundles. Exams by Aurora Scharff. Trusted by Deloitte, Cognizant, Sopra Steria.
📦 React Compiler 1.0: At React Conf, the React Compiler 1.0 was released. This release blog post gives more context and introduces what’s new, including the new Compiler-powered lint rules.
📦 TanStack Router 1.133 - Adds a history tab to the dev tools
📦 Conform 1.12 - Introduces a new <FormOptionsProvider /> component for metadata customization
📦 React Admin 5.12 - New props for fallback components in non-success states, and several new portable logic hooks
📦 XState 5.23 - Adds system.getAll to get all running actors
📦 React Hook Form 7.65 - New <Watch> component
🎥 Theo - The Future of React
🎥 Alem Tuzlak - React 19 metadata in React Router - Dynamic SEO

Ne manque pas le prochain email !

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

Theo BrowneFounder of ping.gg - Youtuber

💸 Sponsor

No breakpoints, no console.log — just AI & time travel

15x faster TypeScript and JavaScript debugging than with breakpoints and console.log, while upgrading your AI agent into an expert debugger with real-time context.

Wallaby.js runs your tests as you type, feeding your AI assistant live runtime values, code coverage, error details, and execution paths — all right next to your code. With Wallaby v3’s new engine 🚀, tests start instantly with cached results, prioritize active files, and stream updates in real time.

Built for testing, Wallaby includes a Time Travel Debugger, the ability to run only opened files, full-context AI integration, smart test runs, and more.

➡️ Learn More

📱 React-Native

React Native announcements at React Conf

Last week, Sébastien already posted some hot takes from React Conf, but this conf edition was so packed that he didn’t cover all the great announcements related to React Native. Let’s summarize what we can expect from the latest React Native news.

<VirtualView> - the building block for virtualized lists. In cooperation with synchronous events, this component can eliminate blank spaces during fast list scrolling. Detailed explanation you can find here.
Web Performance API - the well-known performance.mark() and performance.now() are now available in React Native.
Better Developer Experience coming in the future React Native 0.83:
- Network Panel - a long-missing network inspector now provides information about fetch(), XHR(), and images, along with metadata and payload inspection.
- Performance Panel - powered by the new Web Performance API, this provides us with powerful tools for performance profiling and identifying bottlenecks.
- Desktop app for React Native DevTools - no browser requirement, one window per app, refocusing if re-launched, auto-focus on breakpoint, and saved window arrangements.
Evan Bacon announced first class support for CSS and Tailwind in Expo.