π¨ #270: Next.js, React Router, TanStack, Ink, Async, AI | Hermes, React Navigation, CSS Grid, Maestro, QuickPush, Screens, Expo Skills, Async Storage | Node, Oxfmt, TypeScript, Border Shape, Sprites
Hello everyone, Krzysztof and Kacper from Software Mansion here π
The React Foundation officially launched. Cloudflare rebuilt the whole Next.js in a week using AI. In the meantime, the real Next.js is adding version-matched docs so agents always have context on new and recently updated APIs.
On the React Native side, Hermes is moving beyond mobile: Hermes-node brings the engine to Node.js as a potential V8 swap. CSS Grid is also coming to React Native, and TanStack Router has an early PoC running natively.
Let's dive in!
As always, thanks for supporting us on your favorite platform:
- π¦ Bluesky
- βοΈ X / Twitter
- π LinkedIn
- π½ Reddit
Don't miss the next email!

πΈ Sponsorβ
Notion, Dropbox and LaunchDarklyΒ have found a new testing paradigm - and they can't imagine working without it.Β Built by ex-Palantir engineers, Meticulous autonomously creates a continuously evolving suite of E2E UI tests that delivers near-exhaustive coverage with zero developer effort - impossible to deliver by any other means.Β
It works like magic in the background:
- Near-exhaustive coverage on every test run
- No test creation
- No maintenance (seriously)
- Zero flakes (built on a deterministic browser)
π€¨ Curious? Book in a time to learn more

βοΈ Reactβ
How we rebuilt Next.js with AI in one week
A single Cloudflare engineer rebuilt the Next.js API surface (App Router, RSC, Server Actions, middleware) on Vite in one week using AI for $1,100. Using Oxc/Rolldown, it builds 4.4x and produces 57% smaller bundles. Using the Vite Environment API, it overcomes OpenNext limits, making it compatible with edge runtimes such as Cloudflare Workers.
What started as a bold experiment became vinext. It passes 2000+ tests and has 94% test coverage of the Next.js 16 API surface. The cio.gov website already runs it in production. It also introduces new concepts such as βTraffic-aware Pre-Renderingβ.
This AI-driven port was only possible because Next.js has a well-documented API surface and a comprehensive test suite. A reminder of something TDD practitioners have known for years, but seems more important than ever today: the real value lies in the specification, the test suite, and the API design. Even Guillermo Rauch now believes that most software will start as markdown spec files implemented by coding agents. In Tests Are The New Moat, the author argues that we may see more open-source projects with private test suites: thatβs what SQLite is already doing.

- πΈ Make React apps fast where it actually matters. Learn how to diagnose real bottlenecks and fix slow, janky React apps using modern React 19 patterns
- π£ The React Foundation has officially launched, hosted by the Linux Foundation - React, React Native, and supporting projects like JSX are no longer owned by Meta. Huawei joined the previously announced founding members.
- π Next.js - AI Agents Guide - Upcoming Next.js releases will include version-matched docs to provide agents with up-to-date context, improving Next.js Evals success rate by ~20%.
- π Aurora Scharff - Building Design Components with Action Props using Async React - Pattern for encapsulating optimistic updates, pending indicators, and rollback inside reusable components
- π TkDodo - Creating Query Abstractions - Using
queryOptionsis an alternative to hooks for achieving a reusable data object. This approach allows you to use the object even outside of React components. - π Kent C. Dodds - Migrating Remix v2 to React Router v7 with Cursor - Showcases how he used Composer for large-scale dependency upgrades completed in a day.
- π React Router Loaders and Actions as Integration Points - Testing routing with business logic in isolation is tough due to complex mocking. The author suggests that mixing unit and e2e tests can solve that.
- π Create a Multi-Directory Route Organization in React Router - By using
flatRoutes, you can maintain a scalable structure with better logic separation in a growing React Router application. - π Removing Next.js Taught Me Why Frameworks Are Still Essential Even for AI - The author tried building with HTML and vanilla JS, then concludes that frameworks are necessary precisely because we are in the era of agents, giving them useful constraints. Note that Elon Musk predicts something different: AI will bypass coding and directly create binaries (tweet).
- π Reactβs useTransition: The hook youβre probably using wrong
- π Creating a 3D Product Grid with React Three Fiber
- πΈ Product for Engineers - 10x job posts for 10x engineers
- π¦ Ink 6.8 -
renderToString(), React DevTools v7, performance caching - π¦ Split Pane 3.2 -
pointerTypein ResizeEvent - π¦ Vercel Chat SDK - Lets you build chatbots, supports JSX syntax
- π₯ Josef Bender - Build a blog with type-safe Markdown and TanStack Start
- π₯ Fireship - TanStack Start in 100 Seconds
- π₯ Hamed Bahram - Master nuqs in 1 hour - URL state in NextJs with FranΓ§ois Best
Don't miss the next email!

πΈ Sponsorβ
Stop building MUI forms manually! Try FormEngine Core
Tired of rewriting the same MUI forms across projects? FormEngine Core lets you build once in JSON and deploy everywhere no deep React knowledge required.
Why developers are switching
- Write once, use anywhere: One JSON schema works across all your apps
- Native MUI support: Ready-to-use component package
- Lightweight: 188.54 KB gzipped (FormEngine Core + MUI)
- Next.js & Remix ready: Drop-in support for modern frameworks
- Localization: Powerful form localization with Fluent.js
- Custom actions: Interactive logic through custom JavaScript
Perfect for: backend-driven forms, conditional logic, complex forms, admin panels, and multi-step wizards.
Open source & free forever no vendor lock-in, no nonsense. Trusted by enterprises.
Quick Start = Working form in 60 seconds

π± React-Nativeβ
Tzvetan Mikov from the Hermes team announced Hermes-node, a CLI version of Hermes compatible with the Node.js API. Since Hermes-node acts as a compatibility layer, it can use original Node.js module implementations without needing to rewrite them - most work out of the box. You can think of this as simply swapping the V8 engine for Hermes. If combined with compiling Hermes to binary code, this feature could bring significant benefits to the entire Node.js ecosystem.

- πΈ Amazon Developer β Build Fire TVβ―apps with React Native on Vega OS.β―Port your apps,β―expand your reach, and monetize.β―
- π React Native PR - CSS Grid is coming to React Native
- π Keyboard Controller PR - New
<KeyboardChatScrollView>component - Eliminates re-layouts during keyboard animations to improve performance - π¦ Tanner Linsley announced a PoC of TanStack Router running in React Native (GitHub code)
- π¦ React Navigation 8 is experimenting with
<Activity>for freezing and unmounting inactive screens - π¦ Jay Meistrich is testing Legend List v3 in production (Legend App), resulting in significant performance improvements
- π Brownfield React Native app with multiple screens - Fixes a ReactFragment lifecycle race condition on Android and a static RN View Factory pattern on iOS - both needed to avoid crashes when pushing multiple RN screens.
- π The experience of adding E2E testing to React Native with Maestro - A case study on the benefits of using Maestro over Detox: simpler, platform-agnostic configuration, fewer technical quirks, and a lower barrier to entry.
- π React Native Comes to Meta Quest - Meta officially announced support for Horizon OS, allowing developers to build VR applications using their existing Android tools and knowledge.
- π Do you need an MCP to build your native app? - A simple Markdown file with basic instructions can work better and is more affordable than a complex MCP from Xcode.
- π¦ QuickPush 2.0 - MacOS menu bar app for testing Expo Push Notification - Paid tool, can be used for free by compiling it from sources.
- π¦ RN Vibe Code - an open-source IDE for vibe coding - Runs in the browser.
- π¦ Sentry React Native 8.1 -
enableTombstonefor native crash reporting on Android 12+, iOS view filtering for session replay - π¦ Posthog React Native 4.36 - Manual session replay control - New
startSessionRecording,stopSessionRecording, andisSessionReplayActivemethods. - π¦ Stripe React Native 0.59 - Connect Embedded Components (preview), Radar session support
- π¦ Datadog 3.1.0 - Feature Flags - Using an open standard for feature flag management.
- π¦ Bottom Tabs 7.14 - Support hiding the native tab bar
- π¦ Screens 4.24 - Last release with Legacy Architecture support, Split View enhancements, iOS 26 fixes - Next version will drop support for RN < 0.82 and only support the New Architecture.
- π¦ Async Storage 3.0 - Instance-based storage, promise-only API, renamed batch methods - Breaking major, consult migration guide to v3.
- π¦ Number Flow 0.2 - New library that provides Text component with build in rolling counter animation
- π¦ Markdown Renderer 4.0
- π¦ Quick Crypto 1.0.12 - Full NodeJS Crypto API compatibility
- π€ Expo Skills - Official collection
- π₯ React Universe Meetup x Zalando - All the talks are online
- π₯ Callstack - Using Apple Intelligence Seamlessly With @react-native-ai/apple
- π₯ Callstack - MLC LLM + React Native: On-Device AI Without the Pain
- ποΈ Rocket Ship 92 - React Native 0.84, Hermes V1 & A TanStack React Native Framework?

π Otherβ
- π Josh Comeau - Sprites on the Web
- π border-shape: the future of the non-rectangular web
- π Is Node.js Single-Threadedβ¦ or Not?
- π Micro Frontends: When They Make Sense and When They Donβt
- π Slashing Web Traffic by 90%: The Power of Dictionary Compression
- π¦ Oxfmt Beta - Prettier-compatible, 30x faster
- π€ Skills Night: 69,000+ ways agents are getting smarter
- π₯ Theo - The Future of TypeScript

π€ Funβ
See ya! π









