DEV Community: Sebastien Lorber

This Week In React #287: Fragment ref, React Compiler, StyleX | Reanimated, Widgets, VisionCamera | Vite, Astro, TypeScript, Nub, Security

Sebastien Lorber — Fri, 26 Jun 2026 12:20:53 +0000

Hi everyone, Seb and Jan here 👋!

This week, we're shining a spotlight on the upcoming React Fragment ref feature. We also have React Compiler updates, StyleX community discussions and a boring React Router release.

On the React Native side, Renimated gets CSS pseudo-selector support and widget libraries gain momentum. VisionCamera unlocks new real-time processing capabilities with impressive demos.

Let's dive in!

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

💸 Sponsor

React Native Devs Are Sleeping on TV 

You’ve optimized for mobile. Maybe tablet. But the big screen might feel intimidating. Amazon Devices Builder Tools (ADBT) for AI gives your agent (Claude, Cursor, Kiro) Fire TV context for onboarding, performance debugging, and crash analysis, so you can resolve blockers and ship apps for Fire TV faster.

⚛️ React

` endraw " width="800" height="413">

React Docs - <Fragment ref>

In an upcoming version of React, the ref prop will expose a new FragmentInstance type that lets you interact with the fragment first-level children, unlocking new composition patterns. This exciting feature has just been documented more exhaustively, including 5 example use cases to get inspired from.

This feature is already available in canary, has gone through extensive testing in production, and is likely scheduled for React v19.3.

Note that React Native will also get a similar feature (draft docs PR). I don’t know if React / React Native will have full feature parity, but it’s clear that this will enable cross-platform usage on at least a subset of these APIs.

💸 SVAR React Gantt Chart - Try React Gantt component for project scheduling with dependencies, critical path, and resource planning
👀 Bun PR - React Compiler integration - The upcoming Bun 1.4 should come with a bun build --react-compiler flag that runs the React Compiler in Rust, up to 20x faster than the Babel variant.
🐦 The React Compiler in Rust removed from Rolldown/Vite - The React Compiler in Rust needs to be integrated natively into Oxc to maximize performance, rather than shipped as a plugin. Unfortunately, this increased the binary size too much for all Rolldown/Vite users, so the integration has been temporarily withdrawn while it gets slimmed down.
📜 Moving Linear from styled‑components to StyleX - The Linear team has been looking to adopt an alternative to Styled Components (in maintenance mode). They settled on StyleX for its static extraction, minimal runtime, strong encapsulation, deterministic style resolution, ecosystem, developer and agent experience. They use an incremental migration strategy using AI and codemods.
📜 How an Underrated Refactor Saved 90% Memory Usage - TanStack Table v9 significantly reduced memory usage for large tables by migrating row object methods to shared prototypes.
📜 Waku’s Unique Feature: Slices - A short intro to Slices, a unique Waku feature inspired by Gatsby, easy to understand and yet quite powerful.
📜 How We Cut Slow Responses by 80% Migrating to Next.js App Router - The leading italian classifieds marketplace upgraded from the Pages Router to the App Router, using an incremental side-by-side strategy
📜 Component Communication Patterns in React Applications
💸 Sentry - Join Simon Grimm as he triages a real React Native crash live in production using replays, logs, and Seer
📦 React Router 8.0 - Turns v8 future flags on, ESM-only, upgrades React/Vite/Node min versions - This release is “boring” on purpose to make the upgrade easy. It essentially enabling by default behavior changes that were previously released as opt-in future flags in v7. React Server Components are still being worked on and unstable.
📦 cnfast - Fast drop in replacement for clsx + tailwind-merge - Tailwind users, maybe this hasn’t crossed your mind, but using tailwind-merge means you’ve added a quite slow runtime CSS-in-JS layer to your React app. This new project is a 4x faster alternative, although it remains a bottleneck.
📦 StyleX 0.19 - Inline atomic styles, ESLint 10 compatibility, expands shorthand autofixes
📦 Base UI 1.6 - OTPField stable, Drawer improvements, Combobox perf, docs redesign, many fixes
📦 Remotion 4.0.464 - Composable effects for canvas-based components
📦 React Aria 1.19 - Autocomplete @mentions, support Popover position relative to cursor
📦 React Hook Form 7.80 - useFieldArray({disabled}), perf improvements
📦 ForesightJS 4.0 - Predicts user intent based on mouse/keyboard inputs - First-class React integration
📦 PolyCSS - CSS 3D engine for the DOM, with React bindings
🎥 Lucas Barake - React Hooks Are Just a Linked List
🎥 Simeon Griggs - Next.js 16.3 got good (if you care)
🎙️ Señors at Scale - Newsletters with Sebastian Lorber: RSS Curation, Acquisition, RSC - I give you a glimpse behind the scenes of this newsletter!

💸 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-Native

💸 PostHog - We put PostHog in Slack and now everyone's an engineer
📜 Building a Video Call App with Filters - A deep dive from Margelo into using VisionCamera and WebRTC to build a communication app with real-time image processing. The demos are impressive and clearly push the limits of what we can do in React Native today.
📜 Writing Custom Renderers for React - The maintainer of React Native Testing Library had to create a custom renderer after React v19 deprecated its own React Test Renderer. He explains how he did so, and how the React Native reconciler differs from the DOM reconciler.
📜 iOS widgets and Live Activities are stable in Expo SDK 56
📜 How to apply professional design principles in AI app development
💸 Drizz - Test your React Native app visually with AI. No locators, no flaky selectors, one suite for both platforms
📦 Reanimated 4.5 - CSS Animations pseudo-selectors, <SharedTransitionBoundary>, Core Animation for shadow/background/border - You can now use :hover, :active, and :focus in your CSS animations the same way you would in a browser.
📦 Voltra 2.0 - Rewrite from Expo Modules to Turbo Modules, now works with bare RN, modular packages for smaller server install
📦 Metro 0.85 - Require Node 22+, resolution self-referencing, perf and various fixes
📦 Nitro BLE 1.14 - Advertised service data is now exposed on scan results
📦 Serve Sim - The npx serve of Apple Simulators - Hosts iOS Simulators for use with agent tools.
📦 NSFW Detector - On-device CoreML model to detect nudity and unsafe visual content in images
📦 WebView 14.0 - Drops Android <7.0 support, 13.17 adds removeIosKeyboardObserver prop
📦 Transformer Text Input 0.4 - Add Web support
📦 Sentry 8.15 - NativeLinkedErrors JVM stack traces, record XHR headers/bodies in Mobile Session Replay
📦 Worklets 0.10 - Bundle Mode stable, API for module import forwarding, ArrayBufferView native serialization
📦 Boost 1.2-4 - Babel optimizing plugin - Text optimizations, translate View accessibility props, style inlining
📦 True Sheet 3.11 - Web renderer rewrite, iOS accessibility improvements, Android gesture fixes
📦 Legend List 3.1 - Experimental adaptive rendering during scroll, setItemSize API, sticky header fixes
📦 Nano Icons 0.2 - tvOS support, dynamic font linking, web specific createIconSet, RN 0.79 compat, a11y props
📦 Expo PaperKit - Apple PaperKit for Expo/React Native
📦 Rozenite 1.13 - getTree/getComponent agent tools, Redux improvements
🎙️ RNR 366 - Securing React Native Apps in the AI Era - discussion about AI-powered security threats, practical ways to secure RN apps, and reduce risk

🔀 Other

👀 CSS Linked Params - This early W3C spec from Google/Mozilla solves a long-standing limitation, letting you pass CSS values into external linked resources. This means you can customize <img src=”icon.svg”> with CSS.
📜 Ship the policy, not the code - Instead of duplicating business logic across frontend/backend, you can use an isomorphic rules engine (such as CASL) and let the backend serialize the rules to the frontend.
📦 Vite 8.1 - Experimental Bundled Dev Mode, Chunk Import Map, Wasm ESM integration - It’s now possible to use the “Full Bundle Mode” in dev and get much faster startup/HMR in very large apps.
📦 Astro 7.0 - Vite 8, Rolldown, and Rust to process .astro , .md, .mdx files, Advanced Routing, Route Caching, and more - All about speed, Astro builds are now ~61% faster!
📦 TypeScript 7.0 RC - The faster Go rewrite is almost production-ready; the upgrade should be relatively easy. TS7 can be run alongside TS6.
📦 Nub - An all-in-one toolkit for Node.js - A Rust CLI that augments the Node instead of replacing it, adding Bun's best features on top of it.
📦 Sharp 0.35 - Remove install script - The popular image processing library now ships with pre-built binaries. This aligns with package managers now blocking install scripts by default, and other projects (SWC, esbuild) are considering doing the same.
📦 actions/checkout 7.0 - Prevents common pull_request_target pwn request patterns - Good news for supply chain security. GitHub tightened security for this popular action, refusing to check out pull request code unless you opt in with allow-unsafe-pr-checkout: true. This attack vector recently led to many compromised npm packages, including TanStack, Nx, PostHog, LiteLLM, and more.

🤭 Fun

See ya! 👋

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

Sebastien Lorber — Fri, 19 Jun 2026 12:35:21 +0000

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.

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.

🔀 Other

👀 Node.js PR - Experimental support for package maps - Node.js can now resolve packages using a static JSON file generated by a package manager, instead of walking node_modules directories. This can make resolution more reliable, decoupled, and performant. Already supported by Yarn 4.17, and possibly soon in pnpm?
📜 Dark mode with web standards - An overview of color-scheme, its current limits, and what’s coming.
📜 We put Bun's Rust rewrite in production on Prisma Compute - “the Rust rewrite behaved better than the stable release”.
📜 TypeScript Performance in TanStack Table V9 - Advanced TS perf lessons for lib authors used to reduce TS workload by up to 86%.
📦 Prop For That - JS library that backfills what CSS doesn't provide, yet - This lets you define dynamic CSS variables through declarative HTML attributes.
📦 Babel 8.0 - ESM-only, drop ES5 default, and a smooth migration path
📦 Biome 2.5 - 500 Lint Rules, Plugin Code Fix, and Cross-File Linting
📦 npm 11.17 - add min-release-age-exclude config
📦 pnpm 11.7 - Full resolution in Rust, --frozen-store, scope-specific auth tokens
📦 Zod Compiler - Compile Zod schemas into zero-overhead validation functions at build time
📦 Playwright 1.61 - WebAuthn passkeys API, Web Storage API

🤭 Fun

See ya! 👋

This Week In React #285 : React.foundation, Rust Compiler, Sätteri | Runtimes, JSI, Standard Navigation | VoidZero, npm, Rolldown, Angular

Sebastien Lorber — Fri, 12 Jun 2026 12:23:29 +0000

Hi everyone, Seb and Jan here 👋!

This week, we’re taking a look at the new React Foundation website, as the React core repositories transition to their new home. All eyes on the React Compiler in Rust, coming soon in your everyday toolchain.

React Native 0.86 is almost here, but releases apparently like to land on Wednesday evenings 😅 so we’ll cover it next week. Let’s focus on React Native Runtimes instead, a quite interesting multi-threading innovation.

Cloudflare has acquired VoidZero, and npm v12 will officially block postinstall scripts by default in July, improving our supply chain security.

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.

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

The React.Foundation website

The React Foundation was announced nearly a year ago, and you may be wondering what actions it has taken so far. Did you know the React Foundation had a website? Although it’s still a work-in-progress (source code), it’s already up and running and worth taking a look at to discover what’s planned, such as:

A system to fund maintainers of critical ecosystem libraries
An official React merchandise store with profits redistributed to maintainers
Quarterly transparent reports with revenue details, maintainer funding, and more
A logged-in “Contributor Status” page, adding a cool gamification layer

Earlier today, most React-related repositories also moved from the facebook GitHub organization to the react GitHub organization, reflecting the transition to the React Foundation. This includes React, React Native, Yoga, JSX, Metro, React-Strict-DOM, Create-React-App, and more.

It’s not facebook/react anymore, but react/react: end of an era!

💸 PlanetScale - Low-latency queries, branch and deploy like code, and best-in-class reliability. All in one database.
👀 React Core PR - Port React Compiler to Rust - The PR has been officially merged, although no Rust crate or npm package has been published yet. The Oxc integration is available in Rust crate v0.135, and it’s being integrated in Rolldown and in Oxlint. See also the SWC integration PR and the Bun integration PR.
👀 React RFC - Support using disposable as useEffect cleanup - A proposal for useEffect to integrate with the new ES feature Explicit Resource Management / using, allowing to return a disposable resource like {[Symbol.dispose]: myEffectCleanupFunction}.
🗓️ React Advanced London - 🇬🇧 London - 23 & 26 Oct. Call for Papers is open until June 22! Submit your talk and share your advanced React insights with the community. Get a 10% discount with code "TWIR".
📜 Flow for TypeScript Users in 2026 - Flow’s syntax has converged with TypeScript to the point where it’s hard to tell them apart anymore. It’s stricter and offers features TypeScript lacks, including pattern matching and component/hook/renders syntax. I don’t know if Flow is ready for an official comeback, but I like its direction. Note that its compiler is also being ported to Rust,
📜 Building an Active NavLink Component in Next.js - Building a production-grade reusable NavLink component for the App Router with an isActive/className render prop API inspired by React Router. It’s surprisingly not so easy: you need to deal with initial paint flickering and need to use Suspense for Cache Components.
📜 The Best Loading States Are No Loading States - Route transitions, route loaders, preloading, and global fallbacks can make loading states mostly disappear.
📜 How React Server Components Integrate with Bundler
📜 When React parent components need to know their children
📜 The problem with useEffect – React Doctor can help
💸 Certificates.dev: Certification AMA Workshop. Ask our expert how exams are built, graded, proctored, and impacts careers. Join for free!
📦 Sätteri - Flexible Rust-based Markdown / MDX engine - A faster Rust-based alternative to the Unified ecosystem and the JS-based implementation of MDX. It could become Astro’s default parser in the future, and already integrates with Starlight.
📦 Motion 12.40 - Support for arc() motions - This lets you animate elements along curved paths.
📦 TanStack Table 9.0 beta - State management and perf improvements, tree-shakable, extendable, composable - TanStack Table took inspiration from TanStack Form state management to rebuild its state management on top of TanStack Store and atoms, preventing useless re-renders and becoming compatible with the React Compiler along the way.
📦 React Router 8.0 prerelease - The next major version is now available for early adopters to try. It’s a relatively boring release, in a good way: the v8 future flags are gone, and their behaviors are now enabled by default. It also bumps runtime requirements, drops CJS and the react-router-dom package.
📦 React Router 7.17 - Ship Markdown docs for AI agents
📦 React 19.2.7, 19.1.8, 19.0.7 - Fix a Server Actions FormData regression
🔗 This Month in React - Who even is on the Core team anymore, TanStack got pwn'd bad
🔗 Señors at Scale - Routing at Scale with TanStack Router's Nicolas Beaussart

💸 Sponsor

Agent Conf 2026: Learn to Ship Cross-Platform with AI

Callstack’s Agent Conf (September 17-18, 2026, Warsaw) is bringing together hundreds of agentic engineering practitioners, with Nader Dabit, Levan Kvirkvelia, Tejas Kumar, Kent C. Dodds, Kitze, David Mokos, and more speakers to be announced soon. Learn how to work better with agents: build intuition for when to guide or let them run, understand loops, memory, cost, and failure modes, coordinate multi-agent systems, and hear what’s actually working for teams adopting agentic workflows today.

The last Early Bird Tickets are still available. Get an extra 10% off with promo code TWIR.

📱 React-Native

React Native Runtimes

Margelo, in collaboration with Callstack, introduced a new package to add a multi-runtime layer to React Native apps. It’s a great solution for performance-heavy features and business logic isolation to avoid blocking interaction.

If your app has features that jank on mount, slow first-open screens, background hydration or decoding, state logic competing with animation, it might be worth checking it out.

Key features:

Run selected components, screens, and headless tasks.
Share state across runtimes through a native Zustand-style C++ singleton.
Prewarm runtimes to avoid cold-start lag.
Call a typed function on a specific runtime and await the result.
Expo support with a config plugin.

💸 Product for Engineers - The golden rules of agent-first product engineering
👀 React Native RFC - Android Gradle Plugin v9 adoption - This drafts a three-phase AGP v9 adoption strategy to keep up with Android, doing the required changes to support built-in Kotlin before the opt-outs are removed in AGP v10.
👀 Static Hermes - What's new in the next stable release - This blog post announces many new ES features to be supported natively, including Set operations, Iterator helpers, groupBy, TextDecoder, and more. It will also be faster and support built-in TypeScript type-stripping!
👀 Standard Navigation integration PRs - Remember Expo Router 56 forking React Navigation? Fortunately, we have a shared abstraction for creating navigators that can work with both routing libraries, and should help reduce ecosystem fragmentation. It has already been integrated into React Navigation (PR) and Expo Router (PR).
🗓️ Chain React - 🇺🇸 Portland - 30-31 July. Incredible speaker lineup featuring Charlie Cheever (Expo), Seth Webster (React Foundation), Kacper Kapuściak (Software Mansion), Mazen Chami (Infinite Red) and more. Get a 15% discount with code "TWIR".
🗓️ React Native Connection - 🇫🇷 Paris - 24 Sept. The premier French React Native conference is back! Secure your spot early and get a 15% discount with code "TWIR". Call for Papers closes June 14.
📅 React Native & AI meet-up by Software Mansion - June 18th, NYC 🇺🇸
📜 Talking to JSI in Swift: what changed in SDK 56 - In SDK 56, Expo's native modules call JSI directly on Apple platforms. The Objective-C++ layer is gone, and calls are 1.6–2.3x faster.
📜 Moving away from @expo/vector-icons - Explanation on why the icons package is deprecated in favor of a better alternative, and the benefits of switching.
📜 Exploring Inlined Requires - A 3-part series of Metro’s inlineRequires: the transform mechanics, when flipping the flag doesn’t improve cold start, and how Expo Router solves it with lazy loading.
📜 On-device AI after WWDC 2026: What's new? - A look into new AI features from Apple and how React Native will make use of them.
📜 AI-Supported Brownfield Migration to React Native
📜 What happened at AppJS 2026? Highlights, new products, and plans for the future
📦 React Native Testing Library 14.0 - React 19, async APIs, Test Renderer replacement
📦 React Native Windows 0.83 - Performance Testing Framework, Richer Pointer Event Support, Fabric Component Parity
📦 React Native DocuSign - Native captive signing for React Native & Expo
📦 Lynx 3.8 - WebAssembly on Android, Adaptive Layout, Line-aware Auto Font Sizing, monthly release cadence
📦 Livechart - High-performance live line & candlestick charts for React Native, built on Skia and Reanimated
📦 Nitro Fetch 1.4 - Support for local and non-HTTP URLs
📦 Data Scanner - Fast one-shot QR/Barcode scanning, powered by Nitro and native scanner UIs
📦 Agent Device 0.17 - iOS runner stability, perf metrics, replay test sharding
📦 Rozenite 1.12 - DevTools middleware fixes, compose sections across hook instances, support Expo bundle asset listings
📦 Bottom Tabs 1.3 - Liquid Glass tint color improvements
🎥 Simon Grimm - I used Expo and Vega OS to make a Fire TV App
🎥 Daniel Friyia Jr - Intro to 3D Graphics with WebGPU and Expo

🔀 Other

📣 VoidZero is Joining Cloudflare - Cloudflare acquired the company behind Vite, Vitest, Rolldown, Oxc, Oxfmt, Oxlint, and Vite+. These tools will remain open-source, MIT-licensed, and community-driven. Cloudflare promises no lock-in and plans to build its new cf CLI around Vite.
📣 GitHub - Upcoming breaking changes for npm v12 - GitHub announces that npm v12 (scheduled for July) will improve security-related default behaviors, blocking install lifecycle scripts by default!
📜 Why does tsgo use so much memory? - It runs one type checker per thread.
📦 Rolldown 1.1 - Enables lazy barrel optimization, aligns TS references resolution with tsc
📦 Angular 22.0 - Signal Forms, Angular Aria, OnPush-by-default, async DI, IA, and more

🤭 Fun

See ya! 👋

This Week In React #284 : TanStack Start, Compiler, React Router | App.js, Gesture Handler, SPM, Expo | npm, Node.js, Astro

Sebastien Lorber — Fri, 05 Jun 2026 12:33:51 +0000

Hi everyone, Kacper and Filip from Software Mansion here.

This week, TanStack Start is once again in the spotlight. The React Compiler in Rust is on its way. React Router and Remix shipped important security patches – update immediately. There's also a fresh batch of releases from TanStack Form, XState Store, shadcn, React Aria, and more.

On the React Native side, this week was dominated by App.js Conf 2026 in Kraków. Gesture Handler 3.0, Swift Package Manager support for React Native, and Legend List 3.0 were among the highlights, alongside Expo announcements like EAS Observe.

Let's go!

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

💸 Sponsor

Atomic CRM: The Open-Source CRM Toolkit for Developers

Stop struggling with locked-in CRMs and expensive seats. Atomic CRM gives you the power of a professional CRM with the total freedom of open-source.

It’s the only toolkit that combines a high-end user experience with data sovereignty. No more lock-in, no more "renting" your contacts.

Everything you need is already there:

Native Mobile App for on-the-go access.
Intuitive Kanban Boards for pipeline management.
Built-in Email Tracking to stay on top of leads.
Free SSO for seamless team integration.
MCP Server Integration for productivity gains.

Why settle for a black box SaaS when you can own the entire platform? Deploy Atomic CRM on your own infrastructure in minutes and regain control over your most valuable asset: your data.

⚛️ React

TanStack Start Gaining Momentum:

📜 TanStack Start Adds First-Class Rsbuild Support - TanStack Start now supports Rsbuild / Rspack alongside Vite via a new plugin adapter, covering SSR, streaming, HMR, Server Functions, and RSC.
📜 Lovable - Building apps using TanStack Start - The AI App builder is now using TanStack Start with SSR by default for all new projects.
📜 The Conductor Rewrite: What They Changed to Make It Fast - Migrating their Tauri desktop app from React Router to TanStack Router significantly reduced re-renders thanks to its built-in structural sharing and stable refs.
📜 TanStack Start authentication: A developer's guide for 2026 - Why beforeLoad doesn't protect server functions, the double-guard pattern, sessions, and middleware.

💸 SVAR React Gantt – Build project timelines with a pure React API and advanced scheduling (MIT & PRO)
👀 React Compiler update - The Rust compiler PR to be merged soon - It already produces at 99.9% the same output as the original TS compiler. You can try it already through a local PR checkout. The Oxc team is already working on an integration (PR).
📅 Next.js Nights - The Next.js team on tour (9 June SF, 11 June Amsterdam, 18 June London) - They also teased us about an upcoming v16.3 release, including Instant Navigations and new AI-related features.
🔐 React Router & Remix v2 - 7 CVEs published - Includes RCE, CSRF, XSS, and DoS vulnerabilities. Update to React Router v7.16.0 / v6.30.4 or Remix v2.17.5.
📜 Deprecating a React component using TypeScript Overload - How to ship a breaking component redesign without renaming it with the usage of TS overload, mark the old API as @deprecated, and let consumers opt into the new version by adding a new prop.
💸 PostHog - PostHog Code and the self-driving product
📦 TanStack Form 1.33 - FormGroup API to simplify multi-step forms
📦 React Hook Form 7.77 - new resetDefaultValues API
📦 React Email 6.5 - Filter compatibility warnings by client, accessibility improvements
📦 TypeGPU React - React bindings for TypeGPU - Hooks like useFrame, useUniform, and useRoot to write GPU shaders directly in TypeScript and integrate WebGPU into React components.
📦 Lexical 0.45 - New composable DOMImportExtension replacing importDOM, backspace now preserves block type, canUndo/canRedo signals on HistoryExtension.
📦 React Aria Components 1.18 - Calendar multi-date selection, month/year pickers, new TableFooter and SliderFill components - Checkbox, Radio, and Switch now support description and error message slots.
📦 React Spectrum 1.4 - drag & drop in ListView and similar, TableView highlight selection & TableFooter, custom prefixes in ComboBox/TextField, multi-date Calendar selection
📦 Shadcn UI 4.9 & 4.10 - GitHub registries, npx shadcn eject to extract any component into your codebase
📦 Next Intl 4.13 - useExtracted function now generates message keys using URL-safe base64
📦 React Flow 12.11 - new autoPanOnSelection prop
📦 XState Store 4.0 - createStoreLogic for reusable stores, enq.trigger for chaining events, Standard Schema support, store.can for event checking.
📦 React Archer 5.0 - Draw arrows between elements - Add React 19 support
📦 ESLint Plugin React ”You Might Not Need An Effect” 1.0
🎥 Jack Herrington - All 17 TanStack Projects In ONE App!
🎙️ Señors at Scale - Redux at Scale with Mark Erikson

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

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-Native

Highlights from App.js Conf 2026

Last week, the community gathered at the App.js Conf happening in Kraków. We're highlighting three announcements here, since many of the others shipped over the past month and were demoed again on stage. Make sure to catch the rest of the talks through the live stream recordings (Day 1, Day 2).

React Native Gesture Handler 3.0

Major release rebuilt for the New Architecture, dropping Old Architecture support, introducing a new hook-based API which is React Compiler friendly, a new Touchable component with built-in animations and deeper Reanimated integration.

Swift Package Manager support for React Native

Meta + Expo previewed npx react-native spm, which scaffolds SPM config to replace CocoaPods: generates a committable Xcode project, runs codegen, caches XCFrameworks globally. CocoaPods trunk goes read-only Dec 2. Both Cocoapods and SPM work in parallel during the transition.

EAS Observe

New Expo production performance monitoring service that tracks real-world startup times, render performance, and bundle load times across devices, with release comparison and per-session investigation. Currently in Private Preview, free up to 10K MAU for at least three months.

💸 Maestro MCP - Let your AI agent write and run mobile UI tests for you
🐦 N-API v10 support landed in Hermes trunk - native Node-API addons can now run on Hermes without modification. Still experimental.
🗓️ Chain React - 🇺🇸 Portland - 30-31 July. The US React Native conference is back! Grab your tickets now and get a 15% discount with code "TWIR"!
📜 Things I Learned While Building Expo - Evan Bacon is leaving Expo after 9 years. He wrote what he learned on dogfooding, listening user feedback, building developer trust through rough patches, and why data beats vibes when you're building developer tools.
📜 Expo Router v56: Decoupling from React Navigation - Covers the decision to fork React Navigation internals for full architectural control, codemod-assisted migration, streaming SSR with generateMetadata, and new Android toolbar API and Native Tabs customization.
📜 Native code in Expo SDK 56: inline modules and type generation - How inline modules let you write Swift and Kotlin files directly alongside your app code, and how expo-type-information automatically generates matching TypeScript interfaces from them.
📦 React Native Runtimes - Run RN Components and business logic in isolated Hermes runtimes - This Margelo/Callstack library permits rendering React components on separate JS Runtimes, and share state across them.
📦 Expo Desktop - build macOS and Windows desktop app with Expo - Unofficial announcement coming from community.
📦 React Native Doctor - New open-source CLI that scans your React Native app for performance and security bugs and fixes them with AI agents
📦 TanStack AI 0.23 - React Native support - Chat clients and framework hooks now run in React Native via a new fetcher option.
📦 Keyframer.dev - Visual Animation Editor for React Native - Outputs production-ready Reanimated v4 code - drag keyframes on a timeline, or type a prompt and get a useAnimatedScene hook you can paste directly into your project.
📦 Legend List 3.0 - Web support added, scroll jump prevention is now core behavior, and maintainVisibleContentPosition is now opt-in and disabled by default.
📦 Rozenite 1.11 - Network activity timeline & export, performance startup insights, waterfall view, navigation dispatch origin tracking
📦 @swmansion/react-native-bottom-sheet - Native bottom-sheet components, inline and modal, with content-based sizing and scrollable-child handling
📦 Sentry React Native 8.13 - NavigationContainer wrapper for React Navigation, iOS Swift Package Manager support, Expo Router param extraction, pause/resume app hang tracking
📦 Argent 0.9 - new screenshot-diff too, configurable release-age-aware update reminders
📦 Agent Device 0.16 - Maestro YAML replay compatibility, structured MCP command tools, iOS transform gestures, Android ANR recovery
📦 Uniwind 1.8 - Vite 8 support, uniwind generate-artifacts CLI
📦 React Native Purchases 10.2 - Ad tracking support
🎥 Code with Beto - Why AI-Built Apps Feel Cheap (And How to Fix It)
🎥 Expo - Where is Expo Go?

🔀 Other

📊 State of CSS 2026 - Survey is now open
📜 Node.js streams, backpressure, memory leaks - A pragmatic 2-part deep dive to help you reduce the memory footprint of your streams.
📜 On Rendering Diffs – Pierre Computer Company - Deep dive into building a zero-blanking diff virtualizer using the "Inverse Sticky Technique", with insights on layout estimation, DOM pooling, memory optimization, and deferred syntax highlighting.
📦 Node.js 26.3 - New permission.drop() API, configurable HTTP header validation, Buffer.poolSize bumped to 64 KiB - Improves the security model, letting you start with the permissions you need for initialization, then drop the ones you no longer need at runtime.
📦 npm 11.16 - Phase 1 of package.json allowScripts - npm is rolling out supply chain security improvements in 2 phases, catching up with other package managers. v11.16 adds package.allowScripts=[] and warns on unapproved postinstall scripts. v12.0 will block them by default.
📦 Aube 1.17 - Rust-based package manager - Staged publish trust, hoisting limits, remote tarball integrity fixes, and OTP support for dist-tag writes
📦 pnpm 11.5 - hoistingLimits setting, interactive prompt library, detect staged publishing trust downgrades
📦 Astro 6.4 - Pluggable markdown processor, Rust-based Markdown processor for faster builds, and Cloudflare helpers for advanced routing.
📦 Yarn 4.16 - New stage command for staged publishing, editor SDK support for oxc

🤭 Fun

See ya! 👋

This Week In React #283: TanStack, RSC, Liquid DOM, Performance| Expo, Reanimated, worklets, NativeScript | TC39, npm, pnpm, Node.js

Sebastien Lorber — Fri, 29 May 2026 12:32:59 +0000

Hi everyone, Seb and Jan here 👋!

This week we have great deep dive blog posts about data fetching (TanStack vs Next.js) and performance (GitHub and Linear).

On the React Native side, Expo dropped a major SDK with Expo UI stable. Reanimated leverages the shared animation backend and improves CSS animations on iOS.

Supply chain security remains an important topic. npm introduced staged publishing workflows, and will block postinstall scripts by default in the near future.

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

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

💸 Sentry - One engineer, 44 libraries, and a Node API nobody was using. Here's how JavaScript observability is getting fixed upstream.
📜 Component Architecture for React Server Components - A deep dive into data fetching techniques, their limits and tradeoffs. RSCs permit to design explicit loading experiences and leverage composition more than loaders.
📜 TanStack Router and Query - Integrating Query with Route loaders permits to start fetching data as early as possible (even on intent / link hover), and have granular control over what suspends/defers. It’s recommended to avoid Router.useLoaderData() and treat the loader as a fire-and-forget event handler.
📜 Modernizing GitHub Issues navigation performance - GitHub is in the middle of moving from Rails-rendered pages to a React frontend. They explain how they improved Issues navigation performance, involving a mix of soft/hard navigation and Rails Turbo transitions.
📜 How's Linear so fast? - Someone studied in depth their techniques, involving many details, including using MobX observables and storing content locally in IndexedDB.
📜 One core, six frameworks, zero runtime abstraction - Formisch is a framework-agnostic form library that integrates with many frameworks by swapping native reactivity at build time instead of providing adapters. React doesn’t have native signals so it still requires a minimal signal implementation.
💸 Skybridge V1 - MCP Apps developers, meet the react framework for building MCP apps. Write once, run in ChatGPT, Claude, and any MCP client.
📦 Spiceflow - Type-safe API and full-stack React RSC framework focused on absolute simplicity - A new meta-framework being actively worked on. See also Holocron, a Mintlify-compatible docs site generator built on top.
📦 Liquid DOM - Liquid Glass for the Web - A promising library based on WebGPU and HTML-in-Canvas, providing first-class React and React-Three-Fiber bindings.
📦 TanStack Virtual 3.15 - A lot faster, fix iOS momentum scroll
📦 TanStack Virtual 3.16 - Chat support: end anchoring, append-follow, stable prepends, streaming
📦 shadcn CLI 4.8 - Registry authors can split large registry.json files into smaller slices
📦 Ultracite 7.8 - Zero-config linter preset for ESLint/Biome/Oxlint - Add TanStack preset
📦 Apollo Client 4.2 - Type-safe default options, event-based refetching
📦 Lingui 6.1 - Directives to set i18n context and namespace multiple translations at once
📦 fbtee 2.0 - i18n framework for JS and React, modern continuation of facebook/fbt
📦 Fumapress - Docs framework based on Fumadocs (agnostic), Vite, React, MDX, Waku
🎥 Jack Herrington - Is TanStack Starts Deferred Hydration Revolutionary?
🎥 Tobi Mey - I Tested Next.js Dev MCP
🎙️ Wiskey.fm - React Foundation, AI Agents, and the Future of Frameworks w/ Seth Webster
🎙️ Señors at Scale - TanStack Query at Scale with Dominik Dorfmeister (TkDodo)

💸 Sponsor

Agent Conf CFP is Now Open

If you’re building agents, pushing the boundaries of AI engineering, or have something genuinely new to share about autonomous systems, this one is for you.

Agent Conf is calling for proposals, and they want the good stuff - not safe corporate talks, but bold, experimental, and production-hardened ideas that move the field forward. As a speaker, you’ll be sharing the stage with heavy hitters like Kent C. Dodds and Nader Dabit.

The deadline is June 20, 2026. Submit your talk at https://sessionize.com/agent-conf-2026/.

Agent Conf is happening in Warsaw on September 17-18, 2026. Get 10% off your ticket with promo code TWIR.

📱 React-Native

Expo SDK 56

A new Expo SDK is out! As always it’s packed with lots of changes. It bumps to React Native 0.85 and React 19.2, which bring Hermes V1 by default, the new animation backend, and more.

Here are the most notable highlights:

Stable Expo UI - SwiftUI on iOS and Jetpack Compose on Android, now production-ready, providing universal components, replacing 8 community libraries. The worklet integration and useNativeState() help you implement flicker-free <TextInput> masking.
Expo Router - no longer depends on @react-navigation/*. It ships with experimental support for the new native stack (Material-style headers, predictive back gesture), SSR streaming on web, and customizable SuspenseFallback in layout routes.
Faster native builds - precompiled XCFrameworks cut iOS clean builds ~16% and opt-in precompiled headers on Android deliver up to 2.81x faster CMake builds.
Expo modules improvements - inline modules let you write Kotlin/Swift alongside JS with automatic TS type generation. A new Kotlin compiler plugin replaces reflection, yielding ~40% faster cold starts and ~33% faster first render on Android.

And many more great additions like File System API, consistent status and navigation bars, and stable iOS widgets, there are far too many updates to list. Make sure to check out the full changelog or watch the official intro video.

💸 PostHog - 4,063 errors closed without a human opening PostHog – here's what we learned
👀 React Navigation PR - Rework server rendering API to support streaming
👀 React Strict DOM PR - Adopt React Native 0.82 DOM Node APIs
💬 React Native RFC - Dedicated *Instance types for built-in RN component refs - With the upcoming Strict TypeScript API and auto-generated types, built-in components will be typed as functions instead of classes: useRef<View> will break. This RFC proposes to export a ViewInstance type to let you type useRef<ViewInstance> instead.
📜 The Go-To Guide for Understanding Keyboards in React Native - A deep dive into how keyboards work, differences between OS versions, quirks, and how to make it work across platforms.
📜 Profile React Components in React Native Release Builds - A way to profile without debug-mode overhead similar to what web developers do for a long time.
📜 One React for Web and Native - An outline on how to unify React Native with the web platform to reduce ecosystem fragmentation. React Native directly implements subsets of the DOM specification to make React Strict DOM possible.
📦 NativeScript React Native - TurboModule wrapper giving access to all native APIs in React Native, letting you create UIKit views on the fly. This looks promising, and I’m sure we’ll hear more about it soon!
📦 Lynx UI - The React Native competitor launched unstyled UI components for ReactLynx covering scroll views, popovers, swipers, sheets, reference design language. Programmable interactions and motion.
📦 Reanimated 4.4 - iOS CSS Core Animation engine, Animation Backend, useTimestamp hook, precompiled headers on Android - Add supports for RN 0.85 new shared animations backend, behind a flag.
📦 Worklets 0.9.1 - Cross-runtime Promises, uniform Shareable hosting, DX improvements
📦 Standard Navigation - API for creating navigators that can work with multiple navigation libraries, such as React Navigation and Expo Router
📦 Module Federation 2.5 - Metro plugin for Rock, manifest hashes for native caching, observability integration
📦 Enriched Markdown 0.6 - Mentions, superscript/subscript, custom selection, better streaming
📦 Hot Updated 0.32 - Bundle diffing, content-addressed storage, faster OTA deploys
📦 Maestro CLI 2.6 - Maestro Viewer, parallel iOS sim execution, MCP improvements
📦 ExecuTorch 0.9 - 10x faster Whisper, Multilingual Text-to-Speech, continuous voice activity detection
📦 Sentry RN 8.12 - Expo Router integration, build-time label injection, multi-instance TTID/TTFD
📦 Uniwind 1.7 - Major bundler refactor, flex parsing fix
🤖 Apex (private beta) - React Native coding model, based on Gemma 4, built by Callstack - A smaller domain-specific model can be faster, more performant and cost-effective than a general model.
🤖 Margelo RN agent skills - AI skills for Nitro Modules, VisionCamera, MMKV
🎥 App.js Conf 2026 - The conf starts tomorrow, free to watch live.

🔀 Other

👀 TC39 - 114th meeting outcome - Last week’s meeting advanced many exciting ES proposals: Explicit Resource Management, Atomics.pause, Iterator APIs, Intl APIs, and more.
👀 npm PR - Phase 1 of making install scripts opt-in - npm CLI implementing new supply chain security features! This introduces various APIs such as package.allowScripts. Phase 1 (being backported in v11) will emit an advisory warning on unapproved scripts. Phase 2 (v12.0) will block unapproved script runs by default.
👀 WICG proposal - Persistent Iframes - Very early, but this could help make MPAs more compelling against SPAs if there was a way to preserve chats and audio/video players across navigation.
📜 CSS vs. JavaScript animations - Explains the performance and flexibility tradeoff of animating with JS vs animating with CSS/WAAPI on a separate thread.
📦 npm CLI 11.15 - Staged publishing, new --allow-* flags - 2 updates focused on supply-chain security. Use npm stage to publish a release in 2 phases, requiring the approval of a human maintainer.
📦 pnpm 11.3 - npm staged publishing with pnpm stage, trustLockfile setting
📦 Deno 2.8 - New commands, defaults to :npm, Node.js compatibility, import defer, and more
📦 Node 24.16 - Test runner improvements, randomUUIDv7(), more APIs support AbortSignal
📦 Firefox 151 - @container queries (widely available), Document Picture-in-Picture, Web Serial API

🤭 Fun

See ya! 👋

This Week In React #282 : Security, Fate, TanStack, Redux, Jotai | Hermes-node, Expo, Rozenite, Harness | TC39, Bun, pnpm, npm, Yarn, Node

Sebastien Lorber — Fri, 22 May 2026 12:05:05 +0000

Hi everyone, Seb and Jan here 👋!

It looks like security is going to be a hot topic this year! 😅

More packages are being compromised, and blog posts are also covering recent RSC vulnerabilities.

Maybe we’re reaching a tipping point, and better security practices will consolidate this year.

On the React Native side, Hermes-node is quite exciting, although it’s very early.

An exciting TC39 meeting is currently underway, and several proposals have already progressed.

Yarn and npm are improving on the security side.

Bun and pnpm are being ported to Rust.

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

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

Mini Shai-Hulud worm keeps digging

Remember last week’s TanStack Router compromise? The dangerous worm from TeamPCP keeps compromising users and maintainers across ecosystems, affecting popular packages such as echarts-for-react and @antv, and GitHub actions such as actions-cool/issues-helper. OpenAI employees got compromised, leading them to regenerate code signing certificates. Grafana has been blackmailed by a ransomware group.The Million.js repository was also briefly compromised, but they seem to have gotten lucky: it apparently didn’t affect anyone.

Rumors also link this worm to the Nx Console VSCode extension compromise, and possibly connected to a major GitHub internal repo breach. This story isn’t over — “Mini” feels like a very questionable name 😅!

💸 PlanetScale - Faster apps start with a faster database. Get started with the fastest benchmarked Postgres and MySQL.
🗓️ React Norway - 🇳🇴 Oslo - 5 June - Experience the "Rock & React" atmosphere in a unique one-track full-stack festival with 350+ passionate developers. -10% with code "TWIR".
📜 React Server Components in TanStack - A pragmatic intro to TanStack’s flexible RSC model, CompositeComponent, and how much it could save in terms of client bundle size.
📜 Structural sharing, selectAtom, and why your jotai atoms re-render too much - Explains how deriving atoms, decomposing into primitive atoms, and structural sharing can help avoid re-renders.
📜 The React2Shell Story - 2 articles from the duo who reported the security flaw allowing remote code execution in RSC.
📜 The Flight Protocol Made Your DoS My Problem - React/Next.js recently patched various CVEs. One of them could block your Node process in a single HTTP request.
💸 Certificates.dev - React Free Weekend is coming. Get unlimited access to mid-level training, incl. coding challenges + trial exam for 48H.
📦 Fate 1.0 - The first full Async React Metaframework - Fate is a Relay-inspired framework (not based on GraphQL) supporting view composition, normalized caching, data masking, Async React features, live views through Server-Sent Events, Drizzle, garbage collection, and more.
📦 TanStack Router releases - Deferred hydration capabilities, route matching priority - Deferred Hydration (experimental, docs) could help improve your page's perceived performance by making it interactive sooner. They also recently introduced CSS inlining and a CSRF middleware.
📦 TanStack AI releases - useChat() supports streaming structured output
📦 React Redux 9.3 - connect API deprecated, Trusted Publishing fixed - The old HOC API is not removed, but it’s recommended to migrate to useSelector/useDispatch
📦 Redux Toolkit 2.12 - TypeScript Improvements, Skills
📦 Base UI 1.5 - Major mount perf improvements for popovers/dialogs/tooltips/menus
📦 React Hook Form 7.76 - Improved isDirty and useFieldArray
📦 Relay 21.0 - First-party TypeScript support, experimental RSC support, improved error handling
📦 Storybook 10.4 - TanStack React, React Native isolation, agentic setup, review filters
📦 React Doctor 0.2 - Your agent writes bad React. This catches it.
📦 React Router 7.15.1 - New unstable_useRouterState consolidation API
🎥 Nuno Maduro - Why React Developers Are Leaving Next.js for TanStack, with Tanner Linsley
🎥 Fireship - A single PR just hijacked the NPM registry...
🎙️ Syntax.fm 1005 - Programatic and Skill based Video Creation with Remotion

💸 Sponsor

Tomorrow Only: Next.js Debugging Workshop

Most Next.js bugs don't fail loudly. They fail in a webhook handler at 3am, in a server component nobody touched, in an auth flow that worked yesterday. Sentry's hands-on workshop shows you how to catch them with high-context logs and distributed tracing.

Last chance to save your spot. Register today.

📱 React-Native

💸 PostHog - The 7 best session replay tools for mobile apps
📜 Unlocking Expo Updates in an Isolated Brownfield Architecture with SDK 55 - Running Expo Updates in Isolated Brownfield was always a challenge. Thanks to recent updates, it is a thing of the past.
📜 Changes to project loading behavior in Expo Go - Breaking change for EAS Update users: Expo Go now enforces ownership checks. Self-hosted updates can no longer serve Hermes bytecode bundles.
📜 WTF does .box() do in Nitro Modules? - It converts NativeState-backed objects into HostObjects so they can cross worklet runtime boundaries.
📜 Build fast, no matter what: how Expo is optimizing for speed (and how you can, too) - Deep dive into Expo's build speed optimizations: hardware scaling, Gradle caching, prebuilt binaries, and fingerprint-based workflows that avoid full rebuilds for JS-only changes.
📜 Using TurboModule Substitution to Build Safer React Native Plugin Systems - Explains how React Native Sandbox 0.6 offers granular sandboxing capabilities.
📦 Hermes Node - Node.js built-in module compatibility layer for the Hermes JS engine - The creator of Hermes published an AI-driven prototype of a new JS/TS runtime built on Hermes, compatible with Node.js. It won’t outperform Node.js/V8 today, but Static Hermes could make it way faster in the future.
📦 Skia Lab - Beautiful react-native-skia demo - A collection of painting, physics, shaders, and gesture interactions demos.
📦 ViroReact 2.55 - Ship as a native VR experience on Meta Quest
📦 Harness 1.2 - iOS code coverage, permission automation, external xctest commands
📦 Expo Speech Recognition 56 - Expo SDK 56 support
📦 TypeGPU Confetti 0.3 - Rewritten to use TypeGPU
📦 Nitro Fetch 1.3 - Removed box/unbox, fixed binary responses, performance improvements
📦 Agent Device 0.15 - Faster boot and test replay, iOS replay speedup, MCP discovery-only
📦 View Shot 5.1 - iOS 17 compatibility, Windows support + example, Android ScrollView fix
📦 Rozenite DevTools 1.10 - Network, Performance, Vite plugin improvements
🎥 William Candillon - Debriefing Redraw & TypeGPU
🎥 Beto - Everything new in Expo SDK 56
🎥 React Native Live Ep 11 - Building High-Performance UI with React Native Skia / William Candillon
🎙️ RNR 353 - Building React Native Apps in the AI Era

🔀 Other

👀 Explicit Resource Management reached TC39 stage 4 - A TC39 meeting is in progress, and many proposals have progressed. The most “user-facing” one – using – is going to be part of the standard and simplify your resource cleanup logic. I take the opportunity to show you how to leverage it immediately in Vitest/Jest tests.
👀 npm RFC - Make install scripts opt-in - It’s great to see npm finally looking to catch up on security! They’d like to introduce an allowScripts map in package.json to help mitigate the recent supply chain attacks.
👀 Bun PR - Rewrite Bun in Rust - The bold, AI-driven PR landed in just one week, making Bun’s migration from Zig to Rust official. 🤯
📜 Declarative partial updates - New exciting APIs may come to the web platform: out-of-order streaming, and new HTML insertion methods supporting streaming. Already available in Chrome 148 behind an experimental flag.
📜 QUIC and HTTP/3 Come To Node.js (finally) - A 5-part deep dive on the experimental node:quic API.
📦 pnpm 11.12 - Experimental Rust install engine - pnpm is also migrating to Rust, with an incremental strategy. This release introduces an opt-in for the new Rust engine to power the install phase.
📦 Yarn 4.15 - Add npmMinimalAgeGate: 1d release cooldown by default - Another package manager adopts better security defaults. BTW, Yarn is also being rewritten in Rust.
📦 Node 26.2 - stream.compose stable, fs.stat() returns Temporal.Instant
📦 Webpack 5.107 - Experimental HTML modules, experimental native TS support

🤭 Fun

See ya! 👋

This Week In React #281 : Next.js, TanStack, Security, Redact | Redraw, Expo, Tabs, Screens | TC39, Rolldown, Node

Sebastien Lorber — Sun, 17 May 2026 13:29:31 +0000

Hi everyone, Seb and Jan here 👋!

This week, security is making headlines, as two major React frameworks have announced vulnerabilities and compromised npm packages!

William Candillon unveiled his secret project: a new set of 2D primitives for React Native and the web.

It’s also an exciting week full of interesting releases all around the JS ecosystem!

Let's dive in!

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

💸 Sponsor

 AI That Gets React Native on Fire TV 

We built an MCP server for Vega OS, our new React Native TV platform for Fire TV. 

Amazon Devices Builder Tools MCP gives your AI agent deep platform context, so instead of generic React Native suggestions, your agent understands how to scaffold correctly, integrate platform features, and follow Vega conventions. 

Explore building for TV without the friction of learning a new platform from scratch. It's a step toward making our developer tooling as modern as the platform itself. One command to install.

⚛️ React

Next.js May 2026 security release

The Next.js team shipped a coordinated security release fixing 13 vulnerabilities across denial of service, middleware/proxy bypass, server-side request forgery, cache poisoning, XSS. Many vulnerabilities are quite impactful, cannot be blocked by cloud firewalls, and it’s recommended to update immediately to a patched version, v15.5.18 or v16.2.6. There’s also a Server Functions denial of service affecting React RSC packages, fixed in v19.2.6.

TanStack npm supply-chain compromise

On May 11, an attacker published malicious versions across 42 @tanstack/* npm packages related to TanStack Router. Although the attack was detected quickly, its payload is a Mini Shai-Hulud worm that infected other maintainers, leading to other compromised packages across npm and pypi ecosystems, including packages from Mistral AI, OpenSearch, UiPath, and more.

The attack vector was sneaky. A GitHub Action with a pull_request_target trigger was used to inject poisoned content into a shared GitHub Action pnpm cache. Then, their release pipeline read from that poisoned cache, restoring dangerous files that executed during the release process. No maintainer was hacked in the process. The npm releases have the Trusted Publishing checkmark despite being compromised, showing that package provenance does not guarantee its content is safe.

Given the increasing number of supply chain vulnerabilities affecting npm packages, it’s good to highlight measures that maintainers and users can take to stay safe:

📜 Hardening TanStack After the npm Compromise - Gives a good overview of what maintainers can do to reduce the supply chain risk. Low-hanging fruits include avoiding the very dangerous pull_request_target trigger, and removing usage of shared caches in sensitive workflow (note: actions such as setup-node using a cache by default).
🔗 npm package manager Security Best Practices - A canonical resource to protect yourself as an npm package consumer, giving pragmatic recommendations for each package manager. IMHO, combining the Socket Firewall with pnpm 11 is likely the best option right now.

💸 Product for Engineers - Great companies are built in hackathons
📜 Projecting React - Tanner Linsley wants React to be slimmer, tried Preact without success. He compares React API to database tables, and its implementation to a materialized view. With AI, he’s creating a different @@tanstack/redact projection, one optimized for TanStack Start, significantly smaller, that already powers tanstack.com. It’s a narrow experiment, not something he plans to market as an alternative to React. In the future, more devs will likely build optimized projections of the libraries they depend on.
📜 RSC Server Functions Are Not An API Boundary - Server Functions are not a replacement for stable, observable, versioned, shared APIs. The generated Server Function ID can change over time as you refactor code, leading to version skew problems on redeploys. Note: cloud providers have skew protection features to mitigate this.
📜 Untangling dialogs in React Router - Everything you need to know to simplify your code by using a parent <Outlet> and making each dialog live on its own dedicated route. Covers data revalidation, flash session toasts, dialog exit animations and more.
📜 Animating Container Bounds - How to smoothly animate an element’s width/height based on its inner content with Motion.
📜 Security in React Applications - Prevent XSS, store tokens securely, validate inputs, use CSFR and CSPs.
📜 From React to native web with nanotags: a migration that saved 100 KB - For a mostly static marketing site using Astro templates, it can be more efficient to hydrate Custom Elements rather than React.
📜 Exploring the HTML-in-Canvas Proposal - It could simplify integration 2D UIs in 3D worlds, in particular for React Three Fiber creative devs.
💸 SVAR React Gantt – Build interactive project timelines with an open-source React Gantt library.
📦 Waku 1.0 beta - The minimal RSC framework first beta marks our shift toward production readiness. It recently added support for Vite 8, Rolldown, Node 26, React performance tracks, flexible routing, CSP, and more.
📦 Jotai 2.20 - Improves performance in high-throughput scenarios, refactor store building blocks
📦 HTML React Parser 6.1 - add CSP support with trustedTypePolicy
🎥 Ankita Kulkarni - Stop freezing your React apps, use this Background Trick instead
🎥 Shruti Kapoor - Five Minute Deep Dive: React Server Components
🎥 Josef Bender - I hacked a TanStack Start app...
🎙️ Syntax.fm 1004 - TanHacked

💸 Sponsor

Tests are dead - Meticulous is here

Meticulous creates and maintains an exhaustive suite of e2e ui tests with zero developer effort.

This quote from the CTO of Traba sums the product up best: "Meticulous has fundamentally changed the way we approach frontend testing in our web applications, fully eliminating the need to write any frontend tests. The software gives us confidence that every change will be completely regression tested, allowing us to ship more quickly with significantly fewer bugs in our code. The platform is easy to use and reduces the barrier to entry for backend-focused devs to contribute to our frontend codebase."

Meticulous is used by companies like Notion, Dropbox, Wiz, LaunchDarkly, and many others.

This post from our CTO sets out the context of why exhaustive testing can double engineering velocity.

📱 React-Native

Redraw - 2D graphics primitives, powered by WebGPU

In an amazing introduction video, William Candillon presented what he’s been secretly working on for months: a new grade of 2D graphics primitives, powered by WebGPU. It’s still a technical preview and not open-source yet, but William is looking to make it source-available soon with a license that makes it sustainable.

It all started with "Can it be done in React Native?", led to Skia on native, then WebGPU for unified 2D/3D composition across platforms. Redraw is the next step: bringing GPU-accelerated vector rendering with rich geometric information back to both native and web.

What it unlocks:

Variable strokes - stroke width driven by path geometry (tangent, arc length)
Color along path - gradient callbacks mapped to arc length or distance
Vector feathering - soft shadows, blur, and glow without rasterization
Physically-based rendering - material effects computed directly on vector paths
Non-physically-based rendering - creative effects impossible with raster pipelines

Built for composability:

Compute shaders powered via TypeGPU (optional dependency)
Zero-cost integration with Skia, Three.js, PixiJS, and WebGPU
Write shader logic in TypeScript, no WGSL required

💸 Sentry - A guide to finding and fixing slow checkout requests in React Native with distributed tracing and proactive alerts.
🐦 iOS 26 native tab icon - A look into how to display dynamic tab icons, what constraints Expo Router had, and what was needed to overcome them.
👀 Is React Strict DOM still active? - The project has been quiet since its initial maintainers left Meta, but it’s still used internally for new projects. Meta product engineers and community members are stepping in.
📜 React Native Pressable faster than gesture handler - A deep dive into why Gesture Handler adds additional cost compared to RN Pressable and Reanimated’s CSS transition API
📜 The Hidden Cost of React.Activity - <Activity> is different from keeping a screen mounted but invisible. Heavy use of useEffect can badly impact performance when a screen becomes visible again.
📜 Meet Argent: Agentic Toolkit to Control, Debug and Profile iOS applications - Gives coding agents direct access to the iOS Simulator, helpful to inspect and debug RN iOS apps.
📜 Beyond 60fps - Real-time CAN Bus dashboard with Nitro Modules and Skia - A minor hobby-project issue turned into a deep look into how RN communication between native and JS works.
📜 Expo without EAS: Scaling the React Native developer experience of an app with 90M+ users - Practical migration story from React Native to Expo at Doctolib, a popular healthcare app. It explains why EAS wasn’t a good fit for their setup, and how Callstack’s Rock modular toolkit helped them improve their build flow.
📦 Expo SDK 56 Beta - Stable Expo UI, faster builds, improved startup performance on Android, RN 0.85 - As always, a very long changelog with many improvements, that we’ll cover in depth once stable.
📦 React Native SWC - SWC-powered transformer & minifier for Metro - SWC recently added Flow supports, making it possible to fully replace Babel by SWC in RN’s transpilation pipeline. ~8x faster transform worker & full real world bundling ~3x faster.
📦 Sentry SDK 8.10+ - OTA update context, build failures, emergency launch detection, performance spans for prefetching, image/asset loading instrumentation
📦 Mobile Ink - iOS Skia/Metal drawing and continuous canvas primitives
📦 Nitro Fetch 1.2 - Native-side prefetching registration, web stub
📦 Nitro Markdown 0.6 - RaTex math renderer, native release hardening, refreshed example benchmarks/docs
📦 Rock 0.13 - Experimental support for CNG & Expo Config Plugins, validate Android 16KB ELF alignment
📦 RN Screens 4.25 - Drops the Legacy Architecture, Tabs API in RC, many Tabs user-facing improvements
📦 Rozenite 1.9 - storage-plugin replaces mmkv-plugin, new react-hook-form plugin
🎙️ RNR 352 - Storybook with Daniel Williams

🔀 Other

👀 TC39 - Agenda for the 114th meeting - May 19-21 - A packed agenda, many proposals could progress next week, including Iterators, Explicit Resource Management, and more.
📦 Rolldown 1.0 - The high-performance Rust-based bundler is now stable and respects semantic versioning. It’s already powering Vite 8 as a 10-30x faster alternative to Rollup. Bundling in dev is on the roadmap to overcome the performance limitation of serving individual ESM files.
📦 Node.js 26.1 - Experimental node:ffi module - A promising Foreign Function Interface module for loading dynamic libraries and integrating with native languages.
📦 Jest 30.4 - Support for require(esm) - Jest’s ESM support has been fully rewritten. It still requires the Node.js --experimental-vm-modules flag, but the Node.js team is working on stabilizing that feature.
📦 Bun 1.3.14 - Built-in image processing, global install virtual store, HTTP improvements - Speaking of Bun, a Rust port was previously disclosed and framed as an experiment. It turns out Bun may actually migrate from Zig to Rust in the near future.
📦 npm 11.4 - allow-directory, allow-file, allow-remote - New opt-in npm CLI security features, similar to pnpm’s blockExoticSubdeps.
📦 Playwright 1.60 - Drop API, Aria snapshots, HAR recording - You can now simulate drag-and-drop, and snapshot the accessibility tree.
📦 pnpm 11.1 - Named registries, new useful commands
📦 Tailwind CSS 4.3 - Scrollbars, new colors, and more
📦 Astro 6.3 - Experimental advanced routing, first-class Hono support

🤭 Fun

See ya! 👋

This Week In React #280 : TanStack, Remotion, React Router | Expo Go, Ease, Screen Transitions, LegendList| Node.js, Datatype, tsz, Astro

Sebastien Lorber — Sat, 09 May 2026 21:16:01 +0000

Hi everyone, Seb and Jan here 👋!

It’s another quiet week in React, but there’s still plenty of interesting links to check out about the TanStack and powerful new Remotion capabilities.

React Native had a busier week, with a diverse mix of releases, great articles, and ecosystem updates.

Let's dive in!

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

💸 Sponsor

Still writing tests manually?

Notion, Dropbox, Wiz, 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

💸 Ship faster with PlanetScale - Blazing fast managed Postgres and MySQL, built for applications of any scale
⚠️ Malicious npm Package Brand-Squats TanStack to Exfiltrate Environment Variables - Make sure not to install the tanstack npm package because it’s not owned by the TanStack organization.
📜 Who Owns the Tree? RSC as a Protocol, Not an Architecture - The traditional RSC architecture – as found in Next.js – is server-driven. TanStack Start frames RSC as a protocol, enabling both server-owned and client-owned composition models.
📜 Introducing TanStack Form - A pragmatic intro to this strongly typed and flexible form library.
📜 Time to Yield - An SSG benchmark across five React frameworks - The author’s solution uses generators and yields the static routes to render, making it possible to render the first page sooner.
📜 Next.js Link as a Button - Still requires <Link legacyBehavior> for now, but apparently a solution based on Fragment Refs is coming.
📜 React Miami 2026 - Conf feedback by Brooks Lybrand. Also explains that interest in React features is at an all-time low, and clears up the confusion surrounding React Router and Remix.
💸 React Certification - Ready for a Senior role? Take the assessment: 135 minutes, 40 MCQs, and 2 Coding challenges. Get Senior Certified!
📦 Remotion 4.0.455 - New <HtmlInCanvas> component - This component unlocks new impressive capabilities for the React programmatic video framework, letting you interleave regular HTML with fancy canvas-based effects using shaders (demos).
📦 Remix 3 Beta Preview - The new version of Remix is now in beta preview. It’s not based on React nor React Router, but still relies on JSX. It uses a different component model where you explicitly trigger re-renders, Frames that you can reload, and doesn’t bundle your app.
📦 React Router 7.15 - Stabilizing APIs to prepare for React Router v8, Route matching optimizations
📦 Trees - File tree UI library, performant, flexible, with React or vanilla JS
📦 Pracht - Preact framework with explicit routing, per-route render modes, cloud adapters
📦 shadcn CLI 4.7 - Package Imports and Target Aliases
🎥 Jack Herrington - 5 Ways To SSR/RSC on TanStack Start
🎥 Josef Bender - This <Link preload> Trick Makes TanStack Start Blazing Fast!
🎙️ PodRocket - Next.js works everywhere now, Jimmy Lai tells us how

💸 Sponsor

Lingui - Modern, Lightweight i18n for React

Ship multilingual apps faster with Lingui - a lightweight i18n toolkit for React and React Native, with macros, message extraction, and production-ready localization.

It fits naturally into modern stacks like React, Vite, TypeScript, TanStack Start, Remix, Astro, and Svelte, so teams can adopt it without changing their workflow. It also keeps messages clear for translators and works well with AI-assisted localization workflows.

Lingui v6 modernizes the stack with ESM-only distribution, a smaller installation size (62 MB → 35 MB, dependencies 146 → 104), stronger TypeScript support, and configurable JSX placeholder names in the <Trans> component.

📱 React-Native

💸 PostHog - The 7 best session replay tools for mobile apps
👀 Expo Go and the App Store in May 2026 - Update on the state of Expo Go support for SDK 55 being blocked by AppStore approval.
👀 Gradle cache for Android builds - EAS builds now support Gradle caching with ~50% reduction in build times.
📜 The real cost of React Native animations: benchmarking every approach - A look into how popular animation solutions run under the hood, how they perform on real devices, and why they differ in per-frame cost.
📜 React Native production lessons from React Universe Meetup x Zalando - Four practical patterns from Zalando: measuring brownfield migrations with Meaningful Render, stabilizing video feeds, using RN to bridge web API gaps, and handling on-device LLM hardware variance.
📜 Making JSI Faster with more Efficient Data Structures - Use proper tools for a given task as wrong data representation can make your code 30x slower. The article features concrete benchmarks across array shapes and string construction.
📜 How react-native-ease runs animations with no JavaScript loop - Analysis how the library takes a different approach than most RN animation libraries to avoid being tied to the JS thread.
📜 Building custom transitions with react-native-screen-transitions - How to make custom screen transitions to make your app experience stand out.
📜 Extending Expo UI with SwiftUI: Building a Native swipeActions Modifier - Walkthrough of building a local Expo module to add SwiftUI's swipeActions modifier to @expo/ui.
📜 What's actually happening inside Legend List - Explains what formula does Legend List use to display items optimally and what role optimisation props play in it.
📜 Expo to Meta Quest - AI-powered VR development - A migration skill that, combined with Meta's Horizon Debug Bridge MCP, enables an agentic dev loop for VR. Covers Expo workflow setup, resizable VR windows, and performance optimization.
📦 Radon IDE 1.17 - Native View Hierarchy Inspector on iOS, Android Network Inspector now captures native traffic, RN 0.85 support, and clipboard sync between computer and device
📦 Baguette - Headless iOS Simulator manager/farm + host-side input injection for iOS 26 — taps, swipes, multi-finger gestures, and 60 fps streaming
📦 Rozenite 1.8 - Nitro traffic support in the network activity plugin, SQLite agent tools, and a Rozenite for Agents SDK
📦 Agent CDP - CLI for Chrome DevTools Protocol, debug targets, console, traces, heap snapshots, profiling for Chrome, Node.js, and React Native - Part of the agent-tools family from Callstack.
📦 Agent Device 0.14 - Android snapshot helper, skillgym tests, and replaces bulky skills with versioned CLI help
📦 Reactotron 3.3 - Adds an MCP server for Claude Code integration
📦 RN Enriched 0.7 - EnrichedText component for HTML rendering and experimental web support - Now a complete rich-text solution where inputs and display text use the same format.
📦 Nitro Geolocation - Nitro-powered geolocation with a compat API for @react-native-community/geolocation - Includes a Rozenite DevTools plugin for mocking locations and an Agent Skills migration playbook.
🎥 Beto - How React Native Builds Actually Work (APK, AAB, IPA, APP)
🎥 notJust.dev - Let's build a Podcast app for Fire TV using Vega OS & React Native
🎙️ React Native at Scale with Kadi Kraman | Expo, Mobile Development, EAS, OTA Updates

🔀 Other

📜 The end of responsive images - You don’t need to define explicit breakpoints anymore. With <img loading=”lazy” sizes=”auto”>, all modern browsers will figure out the appropriate image size based on srcset.
📜 Media Queries Range Syntax - CSS range queries such as @media (300px <= width <= 500px) are widely supported by all browsers.
📜 Why “Trusted Publishing” Can’t Save Us from Social Engineering - npm Trusted Publishing and provenance features do not protect against attackers publishing on behalf of a compromised maintainer.
📜 The O(n^2) Bug That Looked Like Clean Code - Highlights several JS patterns that seem fine at first glance but lead to quadratic complexity.
📦 Node.js 26.0 - This major release unlocks exciting new APIs such as Temporal and Map.getOrInsert(). It also upgrades the HTTP client. Let’s take the opportunity to remind that the Node.js release schedule is evolving and dropping the even/odd distinction after this release: v27 will become LTS.
📦 Datatype - Variable font that turns text into charts - A really cool idea, relying on font ligatures!. This might be an efficient way to show little inline charts in grid/list views.
📦 tsz - TypeScript compiler in Rust - WIP but nearly complete, faster than tsgo, drop-in replacement.
📦 Astro 6.2 - SVG optimizer, experimental Logger and getFontFileURL() APIs - Also a sneak peek of Astro v7 now in alpha, including Vite 8 and stable Rust compiler.

🤭 Fun

See ya! 👋

This Week In React #279 : Compiler, TSRX, StyleX, XState, Hook Form | SPM, SimCam, Enriched Markdown, Agent Device | pnpm, Aube, Fresh, Node.js

Sebastien Lorber — Sat, 02 May 2026 22:10:39 +0000

Hi everyone, Konrad and Kacper from Software Mansion here! 👋

A quiet week — no big headlines — but still a couple of solid articles and releases in the React ecosystem.

On the React side, the WIP React Compiler in Rust is being tested at Meta. We also have a 18-month retrospective on the React Compiler, a deep dive into how React streams UI, and a step-by-step guide for migrating from Radix UI to Base UI. There's also a fresh batch of releases, including React Hook Form, Chakra UI, Mantine 9.1, and TanStack Query.

On the React Native front, an RFC has landed proposing Swift Package Manager support to replace CocoaPods, and React Navigation v8 will gain a retain API to keep screens mounted after going back. Don't miss the blog on making pure JSI code faster.

Let's dive in!

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

💸 Sponsor

Still writing tests manually?

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

💸 Crowdin - AI localization platform that automates your React app translations from code to deployment.
👀 WIP port of React Compiler to Rust - Confirmed being internally tested at Meta.
📜 The React Compiler at Eighteen Months: The Arc, the Debates, and What's Next - An overview of what happened since React Compiler was announced and predictions for the future.
📜 How React streams UI out of order and still manages to keep order - Deep dive into Suspense boundaries and DOM staging.
📜 Accessibility in React: Common Mistakes and How to Fix Them - HTML elements, document structure, interactive elements labeling, connecting errors to labels, focus management, dynamic updates, ARIA.
📜 Migrating from Radix UI to Base UI: Step-by-Step Guide - Covers the main API differences: asChild becomes a render prop, data-[state=*] attributes are replaced by ARIA attributes, and component-specific changes like Select now take an items array.
📜 Why TSRX isn't just your Favorite Templating Language - TSRX is an alternative to JSX. The article states that TSRX’s mechanics (static analyzability, stateful templates, hooks in conditionals) matter more than syntax.
💸 Product for Engineers - The golden rules of agent-first product engineering
📦 React Hook Form 7.74 - setValues update multiple fields at once
📦 React Tooltip 6.0 - portalRoot and autoClose props, React 19 support, removed HTML string API
📦 shadcn CLI 4.5 - Add --pointer option to cli - Re-enables cursor: pointer on buttons.
📦 XState 5.31 - Add mapState(snapshot, mapper) and maxIterations option
📦 StyleX 0.18 - New sx={} JSX prop, stylex.env compile-time constants, create-stylex-app CLI, DevTools extension, Bun support
📦 Chakra UI 3.35 - new release for: react, charts, cli, panda-presets and codemod packages - This release adds a Splitter component, React 19 support, and new CLI commands for docs/props.
📦 @hono/inertia - Inertia.js on Hono, render React from your routes - Skips the REST endpoints, client side router and the data fetching layer entirely with this new end-to-end type safe middleware.
📦 Mantine 9.1 - Added/modified: deduplicateInlineStyles, use-mask, MaskInput, Treemap, TimePicker, Heatmap, MonthPicker, YearPicker, use-roving-index, Tree, Slider, WeekView
📦 TanStack Query 5.100 - Added retryOnMount callback; internal Svelte test cleanup
🎥 Josef Bender - Avoid These 3 Mistakes in TanStack Start
🎥 Jack Herrington - Partial Page Caching Using React Server Components

💸 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

💸 Maestro Studio - A desktop app for automated React Native UI testing. Build tests by clicking directly on your app's UI. Free.
💬 RFC: Swift Package Manager support in React Native - Plan to replace CocoaPods with SPM on iOS, as CocoaPods has been in maintenance mode for a while.
👀 React Navigation PR - Add support for retaining screens in stack - A new navigation.retain(true) API will keep a screen mounted after going back, similar to React's <Activity>. JS stack only for now, but Native Stack support will come with RNScreens 5.
📣 Starting on April 28, 2026 apps uploaded to App Store Connect must be built with Xcode 26
📜 How to Make Pure JSI Code Faster in React Native - HostFunction is about 5x faster than HostObject, prefer stack buffers when size is known, avoid unnecessary temporary allocations, reduce JS ↔ C++ crossings.
📜 QR and Barcode Scanning in React Native with VisionCamera V5 - Overview of VisionCamera APIs for QR scanning with ranging purposes & levels of complexity.
📜 Integrating Deferred Deep Linking in React Native Apps - React Native Detour SDK walkthrough with Expo Router.
📜 When to Use Apple Foundation Models on Mobile - Hybrid approach where local models handle latency-sensitive tasks and cloud models handle complex reasoning. Use local first and escalate to cloud when needed.
📦 SimCam - Camera Testing for the iOS Simulator
📦 Quick Crypto 1.1 - simdutf for faster string encoding/decoding, Buffer semantics now match Node.js semantics, OpenSSL-Universal CocoaPods dep
📦 Enriched Markdown 0.5 - Support macOS, web, EnrichedMarkdownTextInput, spoiler elements, auto-link detection, VoiceOver/TalkBack improvements
📦 Agent Device 0.13 - React DevTools passthrough, parametrise .ad replay scripts
📦 iOS Simulator MCP 1.6 - Added ui_find_element tool, launch_app env variable and record_video UDID support
📦 Google Maps RN Navigation SDK 0.15 - Breaking changes to continueToNextDestination and mapStyle; various iOS/Android crash fixes
📦 Nitro MLX 0.5 - Expo 55 support, added Embeddings module, ChatSession API, and streaming downloads
📦 Expo Paste Input 0.2 - Animated GIF stickers, preserve animation instead of converting to static images
📦 Jail Monkey 3.0 - New Architecture support, added iOS/Android mock location detection - Detect jailbroken/rooted device, mocked locations, and on Android apps running from external storage.
🤖 Software Mansion React Native JSI Skills
🎥 Beto - React Native UI Testing Without the Pain

🔀 Other

👀 Node.js PR - Release v26.0 - The release slipped from yesterday to next week. It upgrades the fetch() client and unlocks new exciting APIs such as Temporal and Map.getOrInsert().
📜 Scroll-Driven Animations - Another great interactive article from Josh Comeau, explaining how you can now map a CSS keyframe to a scroll distance instead of a duration.
📜 Compositing & Blending - How the browser decides the final color of every pixel when stacking multiple elements and how it is applied in the real world.
📜 The Web Is Fun Again: First Experiments with HTML in Canvas - Showcases a new API, with its limitations and interesting ways to use it.
📜 New to the web platform in April - contrast-color(), animation-range, and Math.sumPrecise became Baseline Newly Available, while Firefox and Chrome added various new APIs.
📦 pnpm 11.0 - SQLite-backed store, supply-chain protection on by default, native publishing, ESM-only
📦 Aube - Drop-in Node.js package manager that reads existing lockfiles - Claims to be 9.2x faster than pnpm and 2.7x faster than Bun.
📦 Fresh 2.3 - Preact framework - Zero JS by default, View Transitions, and Temporal support
🎙️ Syntax.fm 999 - Writing Maintainable CSS

🤭 Fun

See ya! 👋

This Week In React #278 : React Email, TSRX, ESLint plugin, Rspack RSC, TanStack | Vision Camera, Expo, Nano Icons, ExecuTorch | TypeScript Go

Sebastien Lorber — Fri, 24 Apr 2026 07:11:10 +0000

Hi everyone, Krzysztof and Filip from Software Mansion here 👋!

Big releases anchor the week. React Email 6.0 consolidates a fragmented ecosystem into one package, unlocking an embeddable editor and more reliable HTML rendering across mailboxes.

On mobile, Marc Rousavy shipped VisionCamera v5 with a full Nitro Modules rewrite, Worklets integration, pro controls, and a modular plugin architecture.

Heads up on the Vercel April 2026 incident: rotate your integration tokens if you use third-party integrations.

Also inside: Expo’s Series B, Seth Webster joining Expo, the Doctolib WebView-to-Native migration, and fresh releases from TanStack, React Hook Form, ExecuTorch, TS Go beta, Rspack RSC, and more.

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

💸 Sponsor

Still writing tests manually?

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

React Email 6.0

React email matures with a major release that cleans up a fragmented ecosystem. It makes version management much easier and stops the CLI and components from getting out of sync.

Key technical shifts:

Embeddable Editor: You can use the preview tool as a React component to show users how their emails will look directly in your own app.
Reliable HTML: The engine that turns React into email HTML handles more different mailboxes quirks.
Faster HMR: Faster switching between templates and preview, even with complex layouts

Moving away from modularization into one big package is a big step toward making the library stable and more capable. While it might slightly increase bundle size, it enables complex features blocked before, like the embeddable preview and advanced layout transformations.

💸 Sentry - Stop flying blind in Next.js. This free workshop covers logs, tracing, and how to connect both in production. Register today.
🔐 Vercel April 2026 security incident - A few environment variables were accidentally exposed because of a security breach linked to a third-party AI tool. Since some secrets are stored in plain text, it is recommended to rotate them manually as soon as possible.
🗓️ React Norway - 🇳🇴 Oslo - 5 June. Check out the stellar lineup featuring Dominik Dorfmeister, Aurora Scharff, and Jack Herrington at the legendary Rockefeller music venue. -10% with code "TWIR".
📜 Building a Blog in TanStack - Building a markdown blog with TanStack Start, then going fully static via pre-rendering and static server functions to avoid Shiki's cold-start cost.
📜 Build with React, Run on Salesforce: Introducing Salesforce Multi-Framework - A story about the benefits of React that convinced Salesforce to drop their custom solution in favor of React development on their platform. Currently in Beta.
📜 AI-Generated UI Is Inaccessible by Default - Common accessibility pitfalls in AI-generated code and ways to ensure correct standards through linting, testing and CI.
💸 PlanetScale - Faster apps start with a faster database. Get started with the fastest benchmarked Postgres and MySQL.
📦 TSRX - A TypeScript language extension for building declarative UIs - A spiritual successor to JSX. A new framework-agnostic solution created by former React core team member Dominic Gannaway, can compile to React/Solid/Ripple.
📦 Rspack 2.0 - The Rust bundler keeps improving on performance and features while remaining compatible with webpack. This new major also includes experimental React Server Components support, with plans to add support for TanStack RSC.
📦 TanStack Store 0.11 - New useAtom, useSelector, and createStoreContext hooks - useStore is now deprecated in favor of useSelector.
📦 ESlint Plugin React Hooks 7.1 - Support for ESLint v10, performance and linting improvements
📦 Lingui 6.0 - i18n for React, RN, and more - Technical improvements and modernization
📦 React Hook Form 7.73 - Memoized submit, faster deepEqual, enhanced type-safety for deeply nested fields
🎥 Ankita Kulkani - Next.js finally has Page Transitions Now

💸 Sponsor

Build Gantt Charts in React – No JS Fluff

Take control of your workflow with SVAR React Gantt, a native React component for task scheduling. Add custom Gantt diagrams to your apps – from simple timelines to complex projects with thousands of tasks.

Pure React architecture for full customization
Drag-and-drop timeline and easy task editing
Optimized rendering for large datasets
Easy integration with Next.js and state libraries

MIT-licensed core. PRO Edition for critical path, baselines, export, and auto-scheduling.

🛠️ Learn more & get started

📱 React-Native

Vision Camera v5

Marc Rousavy has released a massive update for VisionCamera. This major upgrade to the camera module includes many new features and improvements. Let’s take a closer look at the main highlights:

Nitro Modules Backend - The complete rewrite using Nitro Modules results in significant performance improvements.
Worklets Integration: Now uses react-native-worklets for smoother frame processing.
Pro Camera Controls - Full manual support for Exposure, Focus, and White Balance, plus RAW format support.
Depth & Multi-Cam - You can now stream LiDAR/ToF data and record with front and back cameras simultaneously.

This release comes with a new modular architecture - VisionCamera is no longer one giant package. You can now pick and choose only the plugins you need to keep your bundle size small:

react-native-vision-camera-skia - Real-time filters and overlays
react-native-vision-camera-barcode-scanner - MLKit integration out of the box
react-native-vision-camera-resizer - GPU-accelerated resizing for ML tasks
react-native-vision-camera-location - Automatic EXIF tagging

💸 PostHog - A beginner's guide to testing AI agents
📣 Expo raised $45 million in a Series B funding round. They also hired Seth Webster, who previously led the React team and kickstarted the React Foundation. They are betting on an agentic future, at a moment where the React Native ecosystem is expanding faster than ever.
🐦 The Reanimated team is working on pseudo-selector support for CSS animations
🐦 The Hermes team is working on JSI support for TypedArrays
🐦 Evan Bacon demod an iOS simulator running inside of Codex desktop
🐦 The Codex Expo plugin is now available
📜 How Margelo Helped Discord Improve React Native's New Architecture Performance - A deep dive into concrete low-level optimizations that made the Discord app. Some of these were upstreamed into Reanimated feature flags and the new Shared Animation Backend in React Native core.
📜 How to Build Your React Native App Locally (APK and .app) - A technical walkthrough for generating local iOS and Android artifacts (.app/.apk) directly from an Expo project using xcodebuild and gradlew.
📜 Rebuilding the Doctolib Homepage from Webview to Native - Architectural migration from a WebView using a Backend for Frontend architecture. Time to Interactive dropped ~50% on both iOS and Android after the migration.
📜 On-device AI vs Cloud TTS – Kokoro, react-native-executorch - How on-device AI can reduce the cost of TTS without sacrificing quality.
📜 Deferred Deep Linking for Mobile Developers with Detour - An explanation of when deep linking is a relevant use case for your app and how Detour implements that concept.
📦 Nano Icons - Use any SVG as font. High-performance, build-time icon font generation for React Native & Expo
📦 Argent - An agentic toolkit to control, debug, and profile iOS apps from Software Mansion
📦 React Native ExecuTorch 0.8 - Vision Camera v5 integration, Vision Language Models support, Whisper model up to 3x faster
📦 Maplibre 11.0 - Dropped legacy React architecture support; aligned API with MapLibre GL
📦 Graph 1.2 - Support for latest RN, Reanimated & Skia
📦 Test Renderer 1.0 - Successor to the deprecated react-test-renderer - Each minor version tracks React 19 line. 1.0.x for React 19.0, 1.1.x for 19.1 (Owner Stacks, CSS-safe useId), 1.2.x for 19.2 (<Activity>, useEffectEvent).
📦 RNSec 1.3 - New security rules and native code vulnerability scanner
📦 Expo Pretext 1.1 - Brings CSS text-wrap: balance/pretty to RN
📦 Audio API 0.12 - Mac Catalyst support, Android ducking, universal resampler, rotating file writer for long recordings
🎥 Beto - Expo Router v55 Crash Course
🎙️ RNR 360 - TanStack Native Router with Tanner Linsley

🔀 Other

📜 Building a UI Without Breakpoints
📜 Shopify Speed Optimization: Fixing The Real Bottlenecks
📜 Most Apps Are Slower Than They Need to Be
📦 TypeScript 7.0 Beta - The first beta of the Go rewrite is out! It has great compatibility with 6.0 and should be ~10x faster thanks to parallelization.
📦 Node.js 24.15 - require(esm) marked as stable
📦 Bun 1.3.13 - Fast parallel and isolated tests, faster bun install
📦 Fast-Check 4.7 - Property-based testing framework
📦 Hono Node.js Adapter 2.0 - Up to 2.3x faster

🤭 Fun

See ya! 👋

This Week In React #277: TanStack RSC, React2Dos, Next.js, MUI, Base UI | Pulsar, Nitro Fetch, Flow, Agent React DevTools | HTML-in-Canvas, Yuku

Sebastien Lorber — Fri, 17 Apr 2026 12:29:16 +0000

Hi everyone, Seb and Jan here 👋!

This week we finally have an experimental version of TanStack RSC! A new React DoS vulnerability affects Server Functions, so you probably need to upgrade React again. There are also important releases from the MUI team, and Styled Components is still alive!

On the React Native side, we got a new universal Haptics library, and a much faster fetch alternative. We heard VisionCamera 5 is around the corner.

Let's dive in!

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

💸 Sponsor

The fastest Postgres + MySQL database

PlanetScale Metal runs on blazing-fast NVMe in your favorite hyperscaler clouds. Get high-performance, reliability, and the best DX available for Postgres and MySQL.

Companies like Cash App, Cursor, and MyFitnessPal trust PlanetScale for their Tier 0 databases.

With PlanetScale, you get:

The best performance with local NVMe
AI integration with our MCP, skills, and automatic schema recommendations
Built-in query observability with Insights
Pricing from $5/mo

Migrate your database today

⚛️ React

TanStack - React Server Components Your Way

Two weeks ago, we covered the TanStack Start RSC sneak peek that Tanner offered us at React Paris. And now, they are available as an experimental feature!

My highlights remain mostly the same:

Primitives: RSCs are supported through 3 primitive APIs that permit to manipulate RSCs as any other stream of data, immediately compatible with existing tools such as React Query, TanStack Router loaders, localStorage, CDNs and HTTP caches. It is entirely opt-in and does not impose a server-first approach nor any framework convention, giving you total freedom on how to compose those primitives.
Composite Components: The server renders a RSC with slots that get filled by the client. You don’t need ’use client’ directives, although they are supported. This new concept creates an explicit boundary between the server and the client. It should be possible to co-locate client/server components in the same file this way.
No Server Actions: A design decision for security reasons. Recent React CVEs affecting other RSC frameworks were due to Server Functions handling Flight payloads and don't apply to TanStack Start, as Jack Herrington explains in this video.

What strikes me is just how different this is from Next.js. It feels more like a library than a framework, and more in sync with the philosophy that initially attracted me to React.

💸 PostHog - How we built automatic clustering for LLM traces
🔐 React2DoS (CVE-2026-23869): When the Flight Protocol Crashes at Takeoff - A new Denial-of-Service vulnerability affects the React Flight Protocol when deserializing Server Functions payloads. If you use Server Functions, upgrade asap to React 19.2.5 or Next.js 16.2.3
👀 Next.js PR - Node.js streams: Fork points - The SSR/RSC throughput is limited due to the use of standard Web Streams. The PR shows ongoing work to provide support for faster but non-standard Node.js streams, though the experimental.useNodeStreams feature flag. Accordingly to this former Vercel article about Web Streams, the outcome could be quite significant.
🗓️ dotJS 2026 - 🇫🇷 Paris - 18 September - Call For Papers for dotJS is open until April 28th 6 PM CET, submit now your talk proposals for the conference!
📜 GitHub - The uphill climb of making diff lines performant - GitHub cut the rendering cost their React-based PR diff view. What worked includes using fewer DOM nodes and event handler, simpler CSS selectors, TanStack Virtual for large PRs, removing scattered useEffect, and more.
📜 If You Can't See the Boundary, You Can't Reason About the System - Explains the need to visually see the boundary of Client/Server components on the current page, and introduces a Next.js App Router tool to highlight those boundaries.
📜 Contributing Callsite Revalidation Opt-out to React Router - Explains how React Router and React Query behave differently regarding revalidation after a mutation, and motivations to contribute a new unstable_defaultShouldRevalidate API to React Router.
📜 The Vertical Codebase - Colocate files by vertical features to scale your React codebase.
📜 Logging in Next.js with LogLayer: Instrumentation, Console Override, and Structured Logs - Gives you one logging model across all runtimes.
📜 Now more then ever, you need to master custom ESLint rules - Deep dive into writing custom ESLint rules, with concrete React-focused examples, such as preventing useEffect antipatterns).
📜 Next.js use cache: remote: A Distributed Cache in One Line - By default, the Cache Components feature works in memory, but it’s possible to cache data across serverless instances to increase cache hits.
💸 Certificates.dev - Boost your skills with up to 6 live bootcamps led by Aurora Scharff and get React certified with our Mid & Senior bundles
📦 Material UI and MUI X 9.0 - This large release re-aligns the versions of the core design system and the advanced components. MUI moves from v7 straight to v9, and introduces the first Base UI-backed primitives in the codebase with new NumberField and Menubar components. MUI X also received several improvements, adding new Chat and Scheduler components in alpha.
📦 Base UI 1.4 - One-Time Password field (preview), update a Toast, many bug fixes
📦 Unhead 3.0 - Streaming <head> component for any framework
📦 Storm - Terminal UI framework based on React - This new TUI addresses limitations of Ink, with cell-level diffing and dual-speed rendering architecture.
📦 Styled Components 6.4 - React Server Components support, performance optimizations, RN improvements, and more - The historical CSS-in-JS lib is in “maintenance mode” and yet it received a quite significant update!
📦 React Aria 1.17 - Expandable rows in Table, window scrolling in Virtualizer, dependency consolidation, sub-path imports
📦 Isolet - Package any component into a self-contained, isolated widget
📦 Remocn - Production-ready animations, transitions, and scenes for Remotion
🎙️ Syntax.fm 955 - Next.js Vendor Lock-in No More

💸 Sponsor

Still writing tests manually?

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-Native

Pulsar - Haptic Feedback Library

Meet Pulsar, a new library from Software Mansion that makes implementing haptic feedback much easier. Comes with SDKs for React Native, native iOS, and Android. See also the intro video.

150+ patterns to browse, filter, preview, and ship
Live Preview Playground app for testing on a physical device
Multiplatform SDKs
Audio preview for testing in a simulator
Pulsar Studio – coming later – will allow the design of custom haptic sequences

💸 Sentry - A tutorial to debugging undefined properties in React Native by correlating frontend and backend logs
👀 SWC PR - Complete Hermes Flow stripping parity - Currently, Babel is needed to strip non-TS code in React Native. The newly released Flow support in SWC could help you adopt an alternative toolchain, leading to build time improvements or faster unit tests.
💬 React Native Proposal - Allow opting in to specific feature flags via public APIs - Community proposal to expose experimental feature flags for testing before broad rollout.
📜 How to keep your OTA updates lean and fast - Why smaller updates matter, how to ship them effectively, and how to monitor your usage.
📜 React Native 0.85 changelog dive - Analysis of 0.85's Shadow Tree commit branching, Animation Backend changes, and breaking changes for library authors.
📜 Zero re-renders on theme change: Introducing Uniwind Pro - A look into first stable release, the C++ Shadow Tree Engine, className Animations with Reanimated, Animated Theme Transitions, pricing, and more.
📜 The Complete Guide to React Native Build Optimization - How to improve build times with Gradle/Metro parallelization and C++ compiler caching.
📦 RN 0.85.1 - Animation backend as experimental - Enables the new Shared Animation Backend in the experimental Release Level.
📦 Nitro Fetch 1.0 - Fast networking library, drop-in replacement for fetch - This Margelo library supports HTTP/3, Prefetching, Steaming, FormData, WebSockets, worklets, and more. Demo on 🐦 X shows the impressive performance impact on the Bluesky app.
📦 Agent React DevTools - Give AI Agents Access to React Internals - New CLI from Callstack that exposes React component tree and profiling data to AI agents, enabling deeper debugging beyond UI trees.
📦 Expo Pretext - Text layout primitive React Native - Add Pretext support to React Native, unlocking new layouts currently difficult to achieve with CSS or Skia.
📦 Nitro Vector - C++ vector path engine powered by Nitro Modules - 104x faster bezier math, boolean ops, path analysis, and SVG parsing — all in C++ off the JS thread.
📦 Metro MCP - MCP server for React Native debugging & automation - Plugin-based MCP server connecting to Metro via CDP — exposes console logs, network, Redux, components, test recording, and more. Works alongside Chrome DevTools.
📦 Galeria 3.0 - New Architecture only, iOS 16+
📦 CRNL 0.62 - RN 0.85, Expo SDK 55 support
📦 Metro 0.84.3 - TLS support, Fast Refresh heartbeat, optimized cache
📦 Harness 1.1 - CI improvements, unified GitHub Action, plugin system
📦 Rozenite 1.7 - Metro-backed agent workflow, SQLite plugin, Webpack web support
📦 React Native Ease 0.7 - Animated borderColor, shadow properties
📦 Voltra 1.4 - Android theme-aware widget colors, Android ongoing (persistent) notifications
🎥 Beto - 5 React Native Styles Your AI Is Getting Wrong - Linear Gradient (experimental), filter, boxShadow, gap, mixBlendMode, are available in RN, no need for external libraries.
🎥 Callstack - AI-Assisted Migrations to React Native: From Months to Days - Reducing migration using AI in real React Native workflows. Practical strategies for modernizing existing apps without starting from scratch.
🎙️ RNR 359 - The AI Apocalypse? The past, present, and future of software

🔀 Other

👀 GitHub Stacked PRs in private preview - A much-anticipated feature lets you break large changes into small, focused PRs that build on each other.
📜 You can't cancel a JavaScript promise (except sometimes you can) - Using never-resolving promises to interrupt async functions.
📜 What We Learned Building a Rust Runtime for TypeScript - How Encore built a Rust runtime embedded in Node.js via napi-rs, moving infrastructure concerns (HTTP, DB, pub/sub) out of the JS event loop. Benchmarks show 9x Express throughput with 80% less latency.
📦 Chrome 148 Beta - Name-only container queries in CSS, Prompt API, Web Serial API on Android, and more - Notably includes an origin trial for the HTML-in-Canvas API that led to many impressive demos.
📦 Yuku - High-performance JS/TS toolchain in Zig - Already full spec compliance, competitive with Oxc on raw parsing speed.
📦 Webpack 5.106 - Plugin validation hooks, CSS runtime injection, smarter tree shaking, experimental Oxc parser
📦 Bun 1.3.12 - WebView headless browser, Markdown in terminal, in-process Cron scheduler
📦 Syncpack 14.0 - CLI for managing npm dependency versions, rewritten in Rust
📦 Phantom UI - Structure-aware skeleton loader for every framework, based on Web Component

🤭 Fun

See ya! 👋

This Week In React #276: Boneyard, Ink, MUI, React Router, Next.js | RN 0.85, ViewTransition, Skia, Windows | JSIR, Security, esbuild, Ky, Intl

Sebastien Lorber — Fri, 10 Apr 2026 12:21:07 +0000

Hi there, Seb and Jan here 👋!

This week brings a collection of smaller, yet still noteworthy, React releases and articles.

On the React Native side, v0.85 just dropped with a new Shared Animation backend. Speaking of animations, we have a little sneak peek of exciting things coming, such as <ViewTransition> and Skia Graphite.

With the recent surge in npm supply chain attacks, it’s worth reviewing the npm Security Best Practices guide to secure your setup.

Let's dive in!

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

💸 Sponsor

Still writing tests manually?

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

Boneyard - Auto-generated skeleton screens

Instead of manually creating skeleton screens for loading states, this innovative library snapshots your real UI at various breakpoints and captures skeleton "bones" - positioned, sized rectangles that mirror the layout exactly. It supports React, React Native, and other frameworks.

💸 Platano - Ship a revenue-ready AI image app this weekend. You know React? That's all you need to launch on the App Store.
🗓 React Summit - 🇳🇱 Amsterdam - 12 & 16 Jun. Catch the latest in React with inspiring talks, networking, and Amsterdam adventures. Save on tickets with promo code TWIR (-10%) !
📜 The Precompute Pattern: Encoding Dynamic Data into URLs in Next.js - An advanced technique to maximize the ability for Next.js to pre-render pages. It works particularly well for low cardinality variants such as feature flags and auth status.
📜 Under the hood of MDN's new frontend - MDN launched a new frontend, replacing their old and difficult-to-maintain React CRA app for a new stack. They implemented their own Server Components system on top of Lit and Custom Elements, using Declarative Shadow DOM as a progressive enhancement.
📜 Moving Railway's Frontend Off Next.js - Feedback on migrating a Page Router app with 200+ routes to TanStack Start in 2 PRs with zero downtime. Their app now builds faster, has a more explicit model, and layout composition is easier.
📜 You really, really, really don't need an effect! I swear! - And even when you need one (data fetching), someone already wrote that effect better than you will (React Query).
📜 How to implement spring physics buttons with Framer Motion
💸 Certificates.dev - Go beyond tutorials. Get certified with real-world React coding exams prepped by Aurora Scharff. Trusted by 680 companies
📦 Ink 7.0 - React renderer for CLIs - Unsurprisingly, this package has become quite popular with the rise of AI and terminal apps. This major version upgrades to Node 22, React 19.2, and adds many new hooks, features, and props.
📦 Comark - Fast, streaming-ready Markdown parser with support for React and more - An interesting alternative to Streamdown or MDX, coming from the Nuxt team.
📦 Docusaurus 3.10 - Security, Docusaurus Faster stable, VCS API, Strict MDX, Site Storage stable - A milestone release to prepare for Docusaurus v4.
📦 Shaders beta - The component library for creative WebGPU effects in the browser - A nice solution for modern creative web dev, coming with first-class React components. Commercial usage of React components is free, although there’s a paid offering.
📦 React Hook Form 7.72 - Built-in form-level validation - Useful feature for cross-field validation.
📦 Conform 1.18 - Progressively enhance HTML forms with React
📦 React Router 7.14 - Support for Vite 8, unstable RSC Framework Mode improvements
📦 shadcn CLI 4.2 - New shadcn apply command to switch presets easily
📦 Material UI 9.0 - Accessibility improvements, sx prop performance, and cleanup of deprecated APIs
📦 Mantine 9.0 - New components: Scheduling, FloatingWindow, OverflowList, Marquee, and more
📦 Next-Intl 4.9 - Support <Link transitionTypes>
🎥 Web Dev Simplified - You Need To Start Using This Underrated React Hook - useSyncExternalStore
🎥 React Paris 2026 - YouTube Playlist

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

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 0.85

React Native 0.85 notably ships with a new Shared Animation Backend built in collaboration with Software Mansion, alongside a few other improvements and breaking changes:

Shared Animation Backend: This new internal engine will soon be enabled in React Native 0.85.1 and power both Animated and Reanimated. It enables performance benefits for Reanimated, and the core Animated API will finally animate layout props through the native driver!
DevTools Improvements: Multiple simultaneous CDP connections allow you to debug with DevTools, VS Code, and AI agents simultaneously without sessions dropping.
Metro TLS Support: HTTPS and WSS during development for testing secure APIs.
Breaking Changes: Jest preset moved to @react-native/jest-preset, dropped EOL Node versions, and removed StyleSheet.absoluteFillObject.

💸 Product for Engineers - What we wish we knew about building AI agents
👀 React PR - ViewTransition support for React Native Fabric - Behind a flag, not ready for prime time, but this is one of many PRs showing that <ViewTransition> for React Native is being actively worked on!
👀 React Native Skia - First Graphite pre-release- Google's next-gen Skia renderer (Vulkan/Metal/Dawn) comes to RN Skia, now available in the @next distribution channel.
📜 Expo brownfield: How to add Expo to your existing native app without a rewrite - SDK 55 introduced a new “isolated” approach to integrate Expo in an existing native app. The Expo app is built ahead of time and distributed as a native binary artifact
📜 React Native JSI Deep Dive Series - Comprehensive 12-part series covering JSI internals, from C++ architecture to TurboModule integration.
📜 How We Optimized Agent Device for Mobile App Automation - Deep dive on reducing LLM token usage by 50% for AI-driven mobile testing through accessibility snapshots and smarter context management.
📦 RN Windows 0.82 - Fabric-only, XAML UI Hosting - Community modules can now embed native XAML controls directly in Fabric. New accessibility override API gives third-party modules fine-grained control over screen reader behavior.
📦 Create React Native Library 0.60 - Experimental C++ TurboModule, Vite web support for examples - New templates can now scaffold experimental C++ TurboModules for native development. You can now test both native and web support without custom configuration.
📦 Maestro CLI 2.4 - iOS 26 support, new list-device commands for easier device selection
📦 True Sheet 3.10 - iOS 26 scroll edge effects, grabber accessibility
📦 Nitro Player 1.0 - Audio player with playlist management, playback controls, and support for Android Auto and CarPlay
📦 Skia 2.6 - New immutable Path API
📦 Gesture Handler 2.31 - Various bug fixes, fix unresponsive handlers

🔀 Other

👀 JSIR - A High-Level IR for JavaScript (RFC) - Google's new JavaScript IR (Intermediate Representation) proposal for static analysis. Already used internally for code analysis and deobfuscation, notably decompiling Hermes bytecode.
📜 The Hidden Blast Radius of the Axios Compromise - Last week, the popular axios library got compromised through a sophisticated social engineering attack. Even if your app doesn’t depend on the library, you may still be affected through transitive dependencies or using npx in critical CI workflows.
📜 What To Know in JavaScript (2026 Edition) - Comprehensive roundup covering ES2025/2026 features, framework updates, runtime landscape, and build tools.
📜 The Intl API: The best browser API you're not using
📦 View Transitions Toolkit - Utility functions for View Transitions - Filling in gaps for advanced View Transitions patterns. Feature detection, animation optimization, playback control, and automatic navigation types.
📦 ESLint 10.2 - Language-aware rules, Temporal support
📦 esbuild 0.28 - Import Text proposal, integrity checks
📦 Ky 2.0 - JavaScript HTTP client based on the Fetch API

🤭 Fun

See ya! 👋