π¨ #246: Next.js, React Router, TanStack, StyleX, MUI, Storybook | FlashList 2, RN 0.81, Expo, Radon, Gesture Handler, Audio, Skia, Nitro, Strict DOM | TC39, Node, TypeScript, Astro, BIDC, Surveys
Hi everyone! Kacper and Krzysztof from Software Mansion here! π
After a short summer break, weβre happy to say weβre back! I think we could open a public swimming pool because weβre drowning in the amount of content this week.
This week was full of big releases: Vercel released Next.js 15.5, React Native 0.81 was launched, and last but not least, we finally have the long-awaited FlashList 2 with great performance and cool features.
So 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!

πΈ Sponsorβ
Top 5 React Grid Features for Better UX & Performance
Your data grid should do more than just render rows. Performance matters, but UX is where the real wins happen. When picking a React Data Grid, consider how users interact with it and what features will help them get things done. Ignite UI for React goes beyond the basics. It provides everything you need to build high-performance web apps with must-haves like:
- π Advanced Filtering β Complex queries with AND/OR logic, no code required.
- πΎ State Persistence β Save grid layouts, filters & sort state across sessions.
- β¨οΈ Keyboard Navigation β Faster workflows + built-in accessibility.
- π€ Export to Excel β Share filtered data in a click.
- π Pivot Grid β Analyze data without leaving your app.
See how you can utilize these features and maximize the potential of your next React app.

βοΈ Reactβ
The new minor version of Next.js brings exciting improvements across many areas of the framework including:
runtime: βnodejsβ
in middleware now marked as stable- Turbopack for production builds in beta
- Typed Routes for type-safe navigation
- Deprecation of
next lint
in order to provide Biome as a fast alternative to ESLint - Next.js 16 deprecation warnings

- πΈ Convex launched a collaboration with Resend
- π React Cache: It's about consistency: React's
cache
is more than just a performance tool for limiting fetches. It ensures that components using the same data source have access to it at the same time, preventing inconsistencies in your UI. - π Server and client component composition in practice: A hands-on tutorial on the separation of concerns, teaching how to retain the benefits of server components and opting into client components only when needed.
- π Can we use Local Storage instead of Context/Redux/Zustand? Short answer: No. Use local storage for what it was made for β persisting data in the browser. Nevertheless, the article is interesting as the author dived deeper into the whys.
- π React Query Selectors, Supercharged: Fine-grained subscriptions using
select
explained by Dominik, the maintainer of React Query. - π How to Handle deferred data in React Router: React Router's
Await
combined withSuspense
allows you to navigate to a component while the data is still being fetched. - π Building testable Telegram bots with Zustand: Proves how using Zustand as the backbone of app architecture allows you to create scalable, easy-to-test code. Full source code available at the end of the article.
- π How I built a full-stack React framework 4x faster than Next.js: Rari is a React framework that replaces Node.js with direct access to the V8 runtime via Rust. It offers great performance for rendering, builds, and concurrent requests without sacrificing the developer experience.
- π React is Awful - A fun way to learn a bad thing Surprisingly accurate (and funny!) AI generated book about React. I feel insulted and impressed at the same time. The tone of voice in the book is a bit salty so take it with a pinch of salt.
- πΈ React Certification - Take a supervised exam created by React expert Aurora Scharff, obtain your certificate to unlock career opportunities
- π¦ React Router 7.8 - New
loaderData
fields, stability improvements tounstable_middleware
- π¦ TanStack Form 1.16 to 1.19 - Alternative validation methods, form identifiers
- π¦ Storybook 9.1 - Easier RN config, better monorepo support,
sb.mock
, DX improvements - π¦ StyleX 0.15 - Improved media query handling, dynamic styles optimization
- π¦ Puck 0.20 - Inline text, overlay portals & resizable sidebars
- π¦ TanStack Query 5.84 + 5.85 - improvements to devtools and fixes
- π¦ MUI 7.3 -
nativeColor
unlocked all modern color spaces - π₯ Jack Herrington - 3 amazing new TanStack Query features
- π₯ Neciu Dan - React Keys is not just for lists
- π₯ Cosden Solutions - The problem with the React Compiler
- π₯ Alem Tuzlak - This new TanStack DevTools library will change your DX forever
- ποΈ This Month in React - July 2025 - Vercel shakeups, new React Compiler docs
Don't miss the next email!

πΈ Sponsorβ
The Road to Next - Master Full-Stack Web Development with Next.js 15 and React 19
Discover a new perspective on building full-stack web applications with React Server Components and Server Functions. A hands-on course that teaches you how to build real-world SaaS applications, including payment gateways, message queues, database inspectors, and email servers.
Learn a cutting-edge stack with Next.js 15 and React 19 from bestselling book author and blogger Robin Wieruch.

π± React-Nativeβ
FlashList v2: A Ground-Up Rewrite for React Native's New Architecture
FlashList v2 is a complete rewrite that eliminates the need for developers to provide item size estimates, a major limitation of v1. Thanks to React Native's New Architecture, which enables synchronous layout measurements, FlashList v2 can precisely calculate and correct item positions before they are painted on the screen. This new approach removes the need for native code and delivers pixel-perfect scrolling, improves performance with an adaptive rendering algorithm, and enables advanced features like automatic scroll position maintenance. Also, FlashList v2 comes with masonry layout support built-in.

React Native 0.81 - Android 16 support, faster iOS builds, and more
React Native version 0.81 introduces support for the new Android 16, which enforces edge-to-edge
display requirements. A major new experimental feature is precompiled builds for iOS, promising significantly faster compilation times. Since this version the built-in <SafeAreaView>
component is deprecated and they moved JSC runtime support out to a community-maintained package.

- π React Native Core PR - Remove possibility to newArchEnabled=false in 0.82: Starting from React Native 0.82 you wonβt be able to revert back to the Legacy Architecture anymore. If you want to keep getting support and new features in React Native this is the last time to migrate.
- π Expo SDK 54 beta is now available: The new SDK includes React Native 0.81, React 19.1, precompiled builds for iOS, Expo Router v6 beta, and much more that we'll cover in detail once it's stable.
- π£ React Native Enterprise Framework is now Rock: A solid rename of the Callstackβs framework. aiming to capture the enterprise part of the
@react-native-community\cli
users. - π Using patch-project - Expo docs: An experimental tool that preserves custom changes made to the
android
andios
folders supporting Continues Native Generation. Think of it like a CNG-friendly patch-package. Now with proper documentation. - π Running Multiple Instances of React Native in Sandbox: A demo of a new
react-native-sandbox
library for running fully isolated React Native instances within a single application. Only iOS at the moment. - π Integrating React Native into iOS Apps: The story of why and how easily you can integrate React Native into your existing iOS app.
- π React Strict DOM vs React Native for Web in 2025: Nicolas Gallagher, React Native for Web creator recommends starting new universal apps with React Strict DOM or incrementally adopting this technology in cases where youβre already using React Native for Web.
- π How Node-API Works in React Native: An explanation of the concepts behind how react-native-node-api makes it possible to use Node's native modules directly in a React Native app.
- π Why is Unistyles goated: An author with a background in Flutter fell in love with React Native Unistyles for styling components, and he has good reasons for doing so.
- π React Native Web with Vite: This article details the technical challenges of bundling React Native Web with Vite and shows how
vite-plugin-rnw
can help you achieve it. - π Migrating a React Native's Native Module to Turbo Module on Android
- π¦ Rozenite Preview - DevTools plugin to preview components in isolation
- π¦ Radon 1.10 - Rotation, Audio, Reading .env files & React Native 0.81 support
- π¦ Gesture Handler 2.28 - RN 0.81 Support,
gestureHandlerRootHOC
deprecation, bug fixes - π¦ Audio Api 0.7 - microphone input, custom C++ Processor Node, AudioBufferQueueSourceNode
- π¦ Testing Library 13.3 - React Suspense support (
renderAsync
),renderHookAsync
- π¦ Skia 2.2 - Support for non-p3 colors on iOS
- π¦ Screen Transitions 2.0 - New API and animations customisation
- π¦ Nitro Modules 0.28 - RN 0.81 support, stability improvements
- π¦ Nitro Images 0.5 - First stable release
- π¦ Nitro Screen Recorder alpha- Capture in-app content or global screen recordings
- ποΈ Rocket Ship 77 + 78 - FlashList v2, Future of React Native Animations, End of the Old Arch, Better Performance
- ποΈ React Universe on Air - Observability and OpenTelemetry in React Native
- ποΈ RNR 339 + 340 - React Native Web vs React Strict DOM: Part 1 & Part 2 w/ Nicolas Gallagher, Evan Bacon and James Ide

π Otherβ
- π£ TC39 Advances 11 Proposals for Math Precision, Binary APIs, and More
- π State of CSS 2025 - Survey results
- π Stack Overflow Dev Survey 2025 - Survey results
- π Anatomy of a Web Component: The author argues that these custom elements are a powerful and lightweight alternative to large JavaScript frameworks.
- π An Interactive Guide to SVG Paths
- π¦ Node 22.18: The first LTS release to support TypeScript type stripping natively without any flag or warning!
- π¦ TypeScript 5.9 -
import defer
support, expandable IDE tooltips, perf improvements - π¦ Bidirectional Channels for JavaScript - Seamless communication between different JS execution contexts
- π¦ Astro 5.13 - multiple sitemaps, experimental improvement to environment variable handling

π€ Funβ
See ya! π
Don't miss the next email!