This Week In React #286 : React Compiler, StyleX, TSRX | RN 0.86, Enriched, Gesture Handler, Crypto | Package Maps, Babel, Biome

#react #reactnative

Hi everyone, Seb and Jan here 👋!

This week, the React Compiler in Rust is rolling out, and early adopters have already reported significant speedups.

React Native 0.86 finally came out with edge-to-edge fixes in core. It’s retro-compatible, and Expo SDK 56 should be able to upgrade.

Let's dive in!

💡 Subscribe to the official newsletter to receive an email every week!

💸 Sponsor

Ship AI generated code safely with Meticulous.

Claude writes your code. Claude reviews your code. Claude fixes the review comments. And somehow, you're the one getting paged at 2am when it breaks in prod.

Fortunately, top AI-driven teams like Dropbox, Notion, LaunchDarkly, and Wiz rely on Meticulous to run 1000s of e2e UI tests autonomously, covering every user flow, edge case, role and permutation. Built by ex-Palantir engineers, Meticulous gives you near-exhaustive coverage in weeks, without any developer effort.

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)

Check it out - and see why one engineering leader at Dropbox said that “once we started using Meticulous, we couldn’t imagine working without it.”

⚛️ React

React Compiler in Rust rollout

The integration has finally started to land in mainstream libs, starting with Oxlint, but may others are following:

📦 Oxlint 1.70 - Add a react/react-compiler rule - This experimental rule leverages the Rust port of the React Compiler and surfaces the same diagnostics as eslint-plugin-react-compiler. Early adopters (React Spectrum, Sanity) have already reported significant (x5-6) performance improvements.
👀 Rolldown PR - Expose React Compiler options - PR already merged, so Vite and Rolldown users will soon be able to use the transform.reactCompiler option.
👀 SWC PR - Add React Compiler - The PR has been merged and released in Rust crate v68.1, exposing a new jsc.transform.reactCompiler configuration option.
👀 Rspack PR - Bump SWC to support the React Compiler - In the next v2.1 release (the beta drops tomorrow), builtin:swc-loader will support the React Compiler in Rust. The Rspack team reported that the Rust version is 7-13x faster than the Babel one (tweet).
👀 Next.js PR - Add experimental Turbopack React Compiler support - This adds a new experimental.turbopackRustReactCompiler option. Available in Next.js v16.3.0-canary.52, and likely to be released very soon in Next.js 16.4.

💸 Product for Engineers - The stuff nobody tells you about startup marketing
👀 HTML proposal - Localized time formatting without JavaScript - Have you ever come across date-related SSR/SSG hydration errors in React or any other framework? Apparently, browser vendors agree that these problems need to be solved, and here’s an initial proposal based on declarative HTML attributes.
👀 WordPress - React 19 upgrade temporarily reverted in Gutenberg - WordPress initially announced a React 19 upgrade for the Gutenberg plugin and WordPress. They encountered JSX runtime compatibility issues between React v18/v19 and had to revert. Support for v19 is still planned for WordPress 7.1.
📜 Rethinking TSRX - The TSRX (TypeScript Render Extensions) syntax has been redesigned to be backward-compatible with JSX, easing its adoption and making its proprietary features more explicit. An interesting project to watch this year, coming from Dominic Gannaway (React, Svelte, Inferno), offering an ergonomic shared UI syntax compatible with various framework runtimes.
📜 TanStack Start: A Mental Model for Next.js Developers - A deep dive into the differences, covering typesafety, isomorphic loaders, RSC-as-data mental model, and more.
📜 Module System Dependency Injection in React & Friends - An interesting overview of Dependency Injection across React meta-frameworks, and a critique of Next.js suggestion to use the module system for DI in RSCs.
📜 Building an LLM safe design system - Polar’s new design system relies on a single polymorphic <Box> component with typesafe props accepting StyleX design tokens. They forbid the usage of Tailwind or primitive HTML elements, so that AI agents always respect their design decisions.
💸 Certificates.dev: Free React Weekend. Unlimited access to 9 chapters, 49 quiz questions, 13 coding challenges, and a trial exam. 27-28 June
📦 Hydrogen developer preview - Shopify’s framework, initially leaning on Remix/React, is becoming a framework/runtime agnostic toolkit, designed in partnership with the Next.js team.
📦 StyleX 0.19 - @stylexjs/atoms for Tailwind-like inline atomic styles, ESLint 10 compatibility
📦 React Doctor GitHub Action
📦 Visx 4.0 - Low-level visualization components from Airbnb - Support for React 19
📦 Remotion 4.0.475 - Interactively change your code with Remotion Studio
📦 Rsbuild Plugin React Router 0.2 - Support for Rsbuild/Rspack v2
📦 Ink 7.1 - CLI renderer - Add suspendTerminal() to hand the terminal to a child process
📦 TanStack AI Beta - The Switzerland of AI Tooling Grows Up - Comes with first-class React support.

💸 Sponsor

Make your logs queryable, not just readable

console.log("here")doesn't cut it in production. Structured logs do.

Use this tutorial to connect LogTape + Sentry and make every log searchable, queryable, and connected to your traces. When something breaks, you'll get the full picture: log events, error context, and Session Replay, all linked by trace ID.

Filter by user ID, order ID, or any custom field
Attach context once, inherit it everywhere
Alert when log patterns spike before users notice

See the full recipe ➡️

📱 React-Native

React Native 0.86

The new React Native release is out! This time, there are no major features or changes. It’s focused on fixes and stability improvements. Although it might not seem that exciting, the good news is that there are no breaking changes, which should make upgrading that much easier. Especially, with all the AI tools that can assist in it. 😉

Here are the highlights:

The React Native repository has moved to the /react GitHub org under the React Foundation, alongside other core projects. It’s a major step toward a more independent foundation focused on stewarding React’s future.
Comprehensive edge-to-edge support on Android 15+.
Performance tracing improvements in React Native DevTools.