This Week In React 241

Remix, Next.js, Turbopack, Radix DOM templating, Ultracite, Stack, StyleX, MUI | Nitro Week, Skia, App Generator, Swift, Kotlin | ES2025, Rspack, Babel, TypeScript, Effect, De

Jul 04, 2025

Hi everyone!

It's been a hot C° week here, but pretty calm in terms of React news. We still got various little releases, interesting blog posts and weak signals that show us what the future might look like.

On the React Native side, the community is adopting Nitro Modules in various libraries, and Skia got built-in support for Lottie animations.

ES2025 has been approved, and TS 5.9 beta should come anytime soon.

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

🦋 Bluesky
✖️ X / Twitter
👔 LinkedIn
👽 Reddit

💸 Sponsor

Embrace: User-Focused Observability for Mobile and Web

Embrace connects technical performance to real user impact across mobile, web, and backend so that engineering teams can deliver fast, reliable, and exceptional digital experiences.

📊 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.

Try Embrace today and get your first 1 million sessions free. Learn more at embrace.io.

⚛️ React

Remixing Shopify's Admin: How We Made It 30% Faster and AI-Ready

Interesting feedback from Shopify migrating their flagship Admin app to Remix, dogfooding the framework on a massive codebase with strong needs in terms of scalability. It looks to me many recent React Router features were things Shopify actually needed.

💸 The Road to Next - Master Full-Stack Web Development with Next.js 15 and React 19
📖 TanStack Start - Cloudflare Workers docs
🐦 Radix kicking off a weekly stream to show how Radix is developed and maintained: A good transparency move from the WorkOS team, probably in reaction to last week’s “Radis is a liability” drama. Meanwhile, its upcoming competitor BaseUI released beta.1.
🐦 Guillermo Rauch - “All areweturboyet.com tests are passing for Next.js production builds“: So far, only dev builds were stable, but we can expect an upcoming Next.js release announcing much faster and production builds on Turbopack instead of Webpack. Note that Rspack 1.4 also announced ~99% coverage of dev/production builds, and it will be interesting to see which tool performs faster once both bundlers are at 100%.
🐦 Ryan Florence is studying React alternativese and Michael Jackson is growing increasingly disillusioned with React hooks, and it looks like they are brainstorming publicly what they plan to build for Remix v3, likely based on a fork of Preact.
😠 Alex Russell rants about React Summit talks and Mario says React Still Feels Insane.
📜 The time is right for a DOM templating API: Interesting thoughts on the lack of a templating language in JS from one of the original creators of Lit (Web Components), who also created a proposal based on tagged template literals. This also discusses how all this could integrate with React and JSX.
📜 Next.js Promise Racing: A really cool trick if you want to fully resolve promises on the server, unless they take too long, in which case it’s nice to show a Suspense fallback.
📜 Astro Live Content Collections: A Deep Dive
📜 How Storybook 9 integrates accessibility into every part of the development lifecycle
📜 How to add Stripe to Next.js in 5 minutes
💸 Build a custom React PDF editor in minutes with Apryse SDK – Powered by React and Vite
📦 Stack - Streamlining flexbox usage in React & React Native: Convenient flexbox interface. It could also be helpful for cross-platform usage by reverting the default flex-direction: column from React Native.
📦 Create Context Hook - Simplify creating React Context with hooks: A tiny but convenient pattern to ensure work is only done once per tree instead of once per hook call.
📦 Ultracite 5.0 - Zero-config Biome linter and formatter preset: It comes with preconfigured rules optimized for Next.js, React and TypeScript projects, and can also help LLMs to generate correctly formatted code.
📦 StyleX 0.14 - New viewTransitionClass() API, easy to integrate with React’s <ViewTransition>
📦 React-Scan 0.4 - Hide the toolbar by throwing it off the page
📦 TanStack Router 1.124 - Support inline styles in route head
📦 MUI 7.2 - modularCssLayers to use CSS Cascade Layers
📦 oRPC 1.6 - Support for tRPC
📦 Better-T-Stack - Modern CLI for scaffolding end-to-end type-safe TypeScript projects
📦 nuqs 2.5 beta.2 - Standard Schema generation, strict mode for loaders and caches
🎥 Youssef Benlemlih - Advanced React Query Patterns for Modern Applications
🎥 Jack Herrington - Deploy TanStack Start in Less Than A Minute

💸 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 real-time runtime values, code coverage, error details, and execution paths — all right next to your code.

Designed specifically for testing, Wallaby features include a Time Travel Debugger, the ability to run only opened test files, full-context AI integration, smart test runs, and more. Better context. Smarter debugging.

👉 Check It Now: Here