DEV Community: Sebastien Lorber

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.

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

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! 👋

This Week In React #275 : ⚛️ Next.js, TanStack RSC, React Compiler | 📱 ExecuTorch, Unistyles| 🔀 Pretext, Axios, Node

Sebastien Lorber — Fri, 03 Apr 2026 12:51:32 +0000

Hi everyone, Seb and Jan here 👋!

This week, we have news about popular React meta-frameworks. Next.js Adapters API should help host it anywhere without compromise. TanStack Start unveils a preview of its React Server Components. The React Compiler port to Rust is being actively worked on.

No major announcement in the React Native world, but still many interesting releases. React Native v0.85 should be released next week.

Axios has been compromised in a major supply chain attack. Stay safe and make sure to adopt security best practices!

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

Next.js Across Platforms: Adapters, OpenNext, and Our Commitments

Next.js 16.2 now ships with a stable, typed, versioned Adapter API. It was built in collaboration with many partners: OpenNext, Netlify, Cloudflare, AWS Amplify, and Google Cloud. This helps ensure Next.js works well on every platform across all its features. There’s now a public test suite to verify your adapter, and Vercel also relies on it.

The Next.js Ecosystem Working Group explains Vercel’s commitment. Partners will not participate in Next.js design decisions and roadmap, but can still impact it through feedback. They will be kept in the loop early, have time to adapt, and get direct support to fix adapter breakage.

🎥 TanStart Start RSC preview

Tanner Linsley gave a talk at React Paris last week. The 2nd part unveils for the first time what React Server Components will look like in TanStack Start, to be released very soon.

My highlights:

Primitives: You have full flexibility to decide how to compose these RSC APIs, and can adopt them incrementally. RSC flight payloads are just streams of text; you can sync/cache/persist/manipulate these on your own terms.
Composite Components: You don’t need ’use client’ directives, although they are supported. This new concept creates an explicit boundary between the server and the client. I assume it should be possible to co-locate client/server components in the same file.
No Server Actions: A design decision for security reasons, but you can use server functions with validation.

What strikes me is just how different this is from Next.js. It feels more like a library than a framework, and it seems more in sync with the philosophy that initially attracted me to React: you make your own decisions, even though sometimes more flexibility means more glue code and ways to shoot yourself in the foot. In any case, I agree with Tanner: we deserve another React meta-framework—one that’s less opinionated and innovates in a different direction.

💸 Lingui - Lightweight, developer-first i18n tooling for modern product teams
👀 React Compiler PR - WIP port of React Compiler to Rust - As previously announced, the React Compiler is being ported to Rust through AI. The algorithm is the same, based on a Rust-based Babel AST, already passing 100% of the Babel integration fixture tests. The goal is to integrate nicely with Babel, SWC, and OXC.
👀 React PR - Enable Trusted Types integration - The browser Trusted Types API is now Baseline Newly Available, and React now integrates with it to prevent XSS and force you to sanitize unsafe inputs. For example, with dangerouslySetInnerHTML={{__html: policy.createHTML(text)}}.
👀 Next.js PR - experimental.useOffline with retries + hook to show offline indicator
👀 TanStack Query ESLint PR - Add prefer-query-options rule
🗓️ dotJS 2026 - 🇫🇷 Paris - 18 September - Early bird tickets are available until April 14th 6 PM CET, save 100€ on the next price. dotJS comes with dotAI on September 17, book now your early bird ticket for each conference, or a combo to attend both.
📜 TanStack Router's New Reactive Core: A Signal Graph - They refactored the router state store, splitting it into many small stores using signals, leading to more efficient fine-grained subscriptions. The original router.state is still a public API, but now derived from the smaller store.
📜 When Do You Really Need startTransition? - When an update triggers expensive rendering.
📜 Hoistable SVG Defs in React - How to colocate SVG <defs> with components instead of centralizing them.
📜 Making React ProseMirror really, really fast
📜 Build your own shimmer skeleton that never goes out of sync
📜 How Does React Fiber Render Your UI
💸 Product for Engineers - WTF does a product manager do? (and why engineers should care)
📦 Inertia 3.0 - Build React/modern SPAs with server-based routers - This solution to integrate React and other frontend frameworks with traditional backends (optimized for Laravel) now comes with a Vite 8 plugin, SSR in dev, optimistic updates, and more.
📦 TanStack DB 0.6 - Persistence, Offline Support, and Hierarchical Data
📦 Astro 6.1 - Improved image optimization, markdown config, expose i18n fallback routes

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

RN ExecuTorch 0.8

Software Mansion just dropped the biggest release to date for React Native ExecuTorch. Version 0.8 expands the library's capabilities far beyond its initial scope, introducing official support for bare React Native applications (no longer strictly tied to Expo) and deep integration with Vision Camera.

Key callouts:

Vision Camera Integration: You can now seamlessly run ExecuTorch models directly on camera frames in real-time.
New Computer Vision Models: The release introduces powerful new CV hooks, such as useInstanceSegmentation and useSemanticSegmentation.
Bare RN Support: You can now use ExecuTorch in bare React Native apps by utilizing the bare React Native resource fetcher instead of the Expo one.
Expanded NLP: Continues to grow its Natural Language Processing suite with implementations for Speech-to-Text, Text-to-Speech, Text Embeddings, and more.

💸 Make React apps fast where it actually matters. Learn how to diagnose real bottlenecks and fix slow, janky React apps using modern React 19 patterns.
👀 Lynx Vue - Vue + Lynx = Vue Native? An AI-powered attempt to bridge native development with a popular framework.
🗓️ App.js Conf - 🇵🇱 Kraków - 27-29 May - Join Charlie Cheever, William Candillon, Jay Meistrich, Perttu Lähteenlahti, and more! Prices increase in May—secure your seat now. Get a 15% discount with code "TWIR".
📜 Fig case study - How five engineers can scale to millions of users with Expo to provide crucial info about dietary needs. 📦 Preflight - Simplify Maestro E2E testing for React Native - deep link to any screen, inject state, compare visual regressions with reports, router agnostic.
📦 Fast Confetti 2.0 - Rewritten composition API and physics engine, more customization and natural feeling animations.
📦 ReactNative.run - Run React Native in a browser, Metro bundler mapped to the web. Similar concept to Expo Snack.
📦 Agent Device 0.11 - iOS Simulator no longer takes focus from the current window + lots of fixes and small features
📦 Brownie 3.5 - Shared-State Workflow for Brownfield now with Android support.
📦 Reshuffled 0.2 - Nitro-powered grid layout - onDragEnd worklet callbacks
📦 Reactotron 3.9 - MCP server integration
📦 React Native Header Motion 1.0 - New context-first header API, explicit navigation bridging, better performance
📦 Unistyles 3.2 - Add support for dropShadow, Suspense trees, RTL ShadowTree updates on Android
📦 Morph Card - Native card-to-modal morph transition
🤖 Software Mansion skills - Best practices, AI skills for animations, gestures, SVG, and libraries maintained by SWM.
🤖 React Navigation AI skills - Official guidelines that help with migration to newer versions and static config.
🤖 Codex plugins for React Native development - Build and test RN apps in Codex.
🎥 William Candillon - React Native WebGPU in 100 seconds
🎥 Beto - react-i18next in React Native & Expo
🎙️ React Native Radio 358 - React Native for Meta Quest Part 2: Developer Friendly

🔀 Other

⚠️ axios Compromised on npm - Malicious Versions Drop Remote Access Trojan - axios@1.14.1 and axios@0.30.4 have been compromised for approximately 4 hours on 30 March, and you might have too if you installed dependencies during that time frame. Even if you don’t use it directly, it’s probably a transitive dependency in your projects. Make sure to follow the defensive measures, such as adding min-release-age=7d to your .npmrc.
📜 Signals, the push-pull based algorithm
📦 Pretext - Text measurement and layout algorithm in pure TypeScript - This innovative lib went viral this week, with fun/impressive but useless demos everywhere. However, the lib unlocks real new possibilities that are impossible or inefficient to achieve with DOM/CSS, as explained in this related article: You're Looking at the Wrong Pretext Demo.
📦 Chrome 147 - Element.startViewTransition() - The first browser to ship element-scoped view transitions, enabling multiple view transitions to run simultaneously.
📦 Playwright 1.59 - Screencast recording, observability for agents, await using - New features that could be helpful to give feedback to AI agents, and post review videos in PRs.
📦 Turborepo 2.9 - 96% faster with agents, sandboxes, and humans
📦 Transformers.js 4.0 - Machine Learning for the web - New WebGPU backend
📦 Node.js 25.9 - Test runner module mocking improvements, using + AsyncLocalStorage, stream/iter API

🤭 Fun

See ya! 👋

This Week In React #274 ⚛️ Next.js, React Router, Storybook, HeroUI| 📱 Reanimated, Worklets, Nitro Fetch, Navigation | 🔀 TypeScript, Signals

Sebastien Lorber — Fri, 27 Mar 2026 13:58:11 +0000

Hi everyone, Seb here 👋!

This week: a new Next.js release, a React Aria-based UI library, Remotion updates, Storybook MCP, and more.

On React Native, multi-threading keeps improving (Worklets, Reanimated), and React Navigation v8 looks close.

Sorry for the weird duplicate email last week, just a mistake 😅

💡 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

Next.js 16.2

A great minor release that comes with significant performance improvements, but also impactful DX improvements and new interesting features:

~400% faster next dev startup
~50% faster rendering thanks to a React core RSC contribution
Redesigned error page
Server Function logging in dev
next dev --inspect to attach a Node.js debugger
Link transitionTypes
Dev Overlay now renders Error.cause and a hydration diff indicator to identify client/server
Many new experimental features
AI improvements: generates AGENTS.md to read versioned docs for agents, browser log forwarding, agent devtools CLI.
Turbopack improvements: Faster builds, Server Fast Refresh, tree shaking of dynamic imports, PostCSS config, Subresource Integrity, inline loader config, and more.

Related resources:

📜Implementing Next.js 16 'use cache' with next-intl Internationalization - Recently updated to include usage of the new experimental.rootParams feature, letting cached components read the locale directly instead of receiving it as a prop.
📜 Error Handling in Next.js with catchError - This new unstable_catchError() API is a framework-aware alternative to react-error-boundary that discards Next.js control flow errors and can refetch RSC data.
🎥 Ankita Kulkarni - Next.js 16.2 Just Changed AI Coding Forever

💸 Product for Engineers - WTF does a product manager do? (and why engineers should care)
📜 Start naming your useEffect functions, you will thank me later - Advocates for giving an inline name to Effect functions to convey your intent, even if it’s encapsulated within a custom hook. If you can’t find a decent name, maybe the Effect does too much or should not exist.
📜 use(): The Hook That Breaks the Rules (On Purpose)
📜 Test IDs are an a11y smell
📜 Type Safety in React Router
📜 Post-React Compiler React Coding Guide (For AI Agents)
💸 Sentry - Why your Next.js stack traces point to random chunks (and how to fix it)
📦 React Router 7.13.1 & 7.13.2 - Recent patches introduced new unstable APIs such as the getRequest() API for RSCs, and a future flag to access “pass-through” (un-normalized) Request objects. The <Link unstable_mask> makes it easier to implement URL masking, letting you replicate Instagram-like UX: open gallery images in a modal, and render them full screen on refresh.
📦 HeroUI 3.0 - We usually don’t feature most UI libraries, but this one, based on React Aria and Tailwind, has been cooking for a while, and looks more polished than the average UI lib. Although it’s not a cross-platform abstraction, it offers a React Native variant using similar composition patterns and design tokens.
📦 Storybook 10.3 - MCP, Vite 8, Next.js 16.2, ESLint 10 - There’s a dedicated article on the Storybook MCP for React.
📦 Lucide Icons 1.0 - Quite popular icon solution in React and shacn/ui.
📦 Lexical 0.42 - Extensible text editor framework from Meta
📦 Hiraki - Zero-dependency React drawer component
📦 json-render Ink - Generative UI for the terminal, comes with 27 React components
🎥 Jonny Burger - Remotion is getting even better! - Cool features landed recently in the React video creation tool, such as Light Leaks, Sound Effects, Rspack, and AI-related improvements. Let’s not forget the integration with Vercel Sandbox: I wouldn’t be surprised if we could soon fully vibe-code videos directly in the cloud.

💸 Sponsor

React Native for Fire TV App Development

Your existing React Native codebase can now run on Fire TV with minimal changes, thanks to Amazon Developer’s new operating system, Vega. What’s included:  

40+ open-source libraries you already rely on, like reanimated 
Reduced bundle size - React Native is built into the OS and dynamically linked 
Vega Module Resolver Preset (VMRP) to automatically replace libraries with their Vega-platform ported equivalencies 
Vega Studio, a VS code-extension, for building, testing, and optimizing Vega apps

Ready to reach new audiences? Check out our getting started guide.

📱 React-Native

Worklets 0.8 - Shareable, Bundle mode improvements

It’s now easier to use the Bundle mode, which unlocks running more complex things in background threads. Also read the dedicated article on Shareable – shared memory's missing piece, a runtime-bound shared memory primitive that was extracted from Reanimated, and that you can now use for non-animation use cases too!

💸 Make React apps fast where it actually matters. Learn how to diagnose real bottlenecks and fix slow, janky React apps using modern React 19 patterns.
🔐 Glassworm Strikes Popular React Native Phone Number Packages in Supply Chain Attack - Affects react-native-country-select and react-native-international-phone-number.
📜 Glow Effect on TextInput with Reanimated CSS Animations
📜 From skeptic to convert: how Fieldy adopted Expo for their AI wearable
📦 Reanimated 4.3 - CSS animations for SVG, Shared Values on multiple threads, typesafety
📦 React Navigation 7.17 - New .with() method on static config to add a wrapper around the navigator - Also available in v8.alpha. React Navigation wants us to use the Static API more. It unlocks automatic type inference and deep linking, and yet covers most dynamic use cases.
📦 React Native Navigation SDK - TIL that Google provides an official React Native library for Google Maps (in beta).
📦 Swift 6.3 - C interop, module selectors, Swift Build preview, Android SDK, and more
📦 Nitro Fetch 0.2 - Add support for Streaming, formData, AbortController, RN 0.85
📦 React Native Windows 0.82 - New-Architecture only
📦 Rozenite 1.5 & 1.6 - DevTools for AI Agents, new File System plugin
📦 MMKV 4.3 - MMKV upgrade, compareBeforeSet optimization, configure default log level at build time
📦 Uniwind 1.6 - Border curve utilities
📦 Detox 20.48-50 - Support simulator launch --arch, liquidGlass overlay
📦 Agent Device 0.10 - Can control macOS apps
🎥 Beto - React Navigation v8 Crash Course — Liquid Glass, Tabs & More
🎥 notJust.dev - State of React Native - What's new in 2026
🎙️ RNR 357 - React Native 0.82–0.84 & Expo 55

🔀 Other

📜 Fix Flaky Jest Tests in CI with maxWorkers (and why it works) - Tests parallelization can lead to timeouts, but you can fine-tune parameters to reduce test time and flakiness.
📜 Who Is Responsible for AI-Generated Code? - Will Node.js ban AI-generated code from its core, even when there’s a human in the loop?
📜 The Three Pillars of JavaScript Bloat
📦 TypeScript 6.0 - A “bridge” release toward the 7.0 Go rewrite, which is almost complete. This release also changes defaults (strict: true, types: []...), improves subpath imports, adds types for Temporal and upsert, and more.
📦 Mixed Signals - Bridging the Server-Client Boundary with Signals - The Preact team is working on a new transport-agnostic solution in which the reactive signal graph spans the network boundary.
📦 Edge.js - Running Node apps inside a WebAssembly Sandbox
📦 Zero 1.0 - Sync engine is now stable e
📦 ArrowJS - UI framework for the agentic era
📦 Valibot 1.3 - Smarter pipelines, result caching, and new validators

🤭 Fun

See ya! 👋

This Week In React #273 : ⚛️ RedwoodSDK, Next.js, TanStack, RSC | 📱 Expo UI, Ease, Expo APIs, Keyboard | 🔀 TC39, Temporal, Vite

Sebastien Lorber — Fri, 20 Mar 2026 14:28:51 +0000

Hi everyone, Seb and Jan here 👋!

This week, RedwoodSDK 1.0 dropped, and other meta-frameworks improved their SSR performance. A bunch of content related to Async React and the TanStack too!

On the React Native side, Expo UI support for Jetpack Compose is quite exciting. A new animation library could also be an interesting alternative to Reanimated CSS transitions.

Temporal has finally reached stage 4! We also have great announcements from the Vue.js conf that remain relevant for React developers, notably Vite 8.

Let's dive in!

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

💸 Sponsor

Cut Code Review Time & Bugs in Half

Code reviews are critical but time-consuming. CodeRabbit acts as your AI co-pilot, providing instant Code review comments and potential impacts of every pull request.

Beyond just flagging issues, CodeRabbit provides one-click fix suggestions and lets you define custom code quality rules using AST Grep patterns, catching subtle issues that traditional static analysis tools might miss.

CodeRabbit reviews 1 million PRs every week across 3 million repositories and is used by 100 thousand Open-source projects.

CodeRabbit is free for all open-source repo's.

Get Started Today

⚛️ React

RedwoodSDK 1.0

The former RedwoodJS meta-framework has pivoted to RedwoodSDK, and it now has its first stable release. This time, it bets on Vite, React Server Components, and Cloudflare (using Durable Objects for its useSyncedState() realtime feature). It promises explicit APIs for clarity (no convention, no magic behavior) through composable web-based primitives.

The choice of being tightly coupled to Cloudflare might surprise you, but they explain it in this article. They are building abstractions on top of Cloudflare Bindings and Durable Objects to become service-agnostic while remaining platform-optimized. Similarly, Evan You has recently announced Void.cloud – a Vite-native deployment platform based on Cloudflare – and explained that “the lock-in is what makes the DX possible”. Time will tell how this story compares to Next.js and OpenNext 🤪.

💸 PlanetScale - Faster apps start with a faster database. Get started with the fastest benchmarked Postgres and MySQL.
👀 Next.js PR - Update vercel/og and Satori - This greatly improves the performance of ImageResponse and unlocks new features.
🗓 React Paris - Workshop Day - 🇫🇷 Paris - 25 Mar. Deep-dive into React Query and/or nuqs with industry experts. Limited seats available — get 50% off with code "TWIR_WS".
📜 Why we rolled our own React Server Components framework - The Aha! engineering team built their own customizable RSC framework. The Vite RSC plugin absorbs much of the complexity. This article shows how you can do it too, and when it could make sense to do so.
📜 Why we banned React's useEffect - The Factory team chose to forbid direct usage of useEffect() through an ESLint rule, reducing bugs and complexity. Its usage often compensates for something React already gives better primitives for.
📜 Two React Design Choices Developers Don’t Like—But Can’t Avoid - Ryan Carniato explains why React defers state updates and has an effect dependency array. While designing Solid 2.0, he realized that the Async world has constraints that even signal-based frameworks need to take into consideration.
📜 React SSR Benchmark: TanStack, React Router, Next.js - A stress-test of popular React meta-frameworks that led framework authors to fix many performance bottlenecks.
📜 TanStack Start - 5x SSR Throughput after profiling SSR Hot Paths - Based on the benchmark above, the TanStack team explains the methodology used to uncover SSR bottlenecks and how they significantly improved the performance under heavy load.
📜 From Fiber to Async React - An interactive deep dive into React Async features.
📜 Making sense of 'key' prop in React - A refresher on why keys matter and how index or Math.random() can break state and reconciliation.
💸 Product for Engineers - The engineeringification of everything
📦 Next.js 16.2 - AI Improvements - Agents are asked to read versioned docs at node_modules/next/dist/docs/, browser logs can be forwarded to the terminal, Dev Server lockfile, and a new experimental agent DevTools CLI.
📦 Reveal.js 6.0 - Presentation Framework - New @revealjs/react integration package
📦 Base UI 1.3 - Drawer is stable, Label for Combobox/Select/Slider, and more
📦 Streamdown 2.5 - Inline KaTeX support, staggered streaming animations, and more
📦 AI Elements 1.9 - New JSXPreview to render incomplete JSX, agent skills, and more
📦 TanStack Query 5.91 - New environmentManager API
🕹️ Can’t Maintain - React Component API Game - A fun interactive quiz to teach you component API design lessons.
🎥 Alem Tuzlak - TanStack AI Just Got a Huge Upgrade: Generation Hooks, Lazy Tools, Realtime & Middleware - On the TanStack blog, you’ll find many updates about their AI packages. Not strictly about React, but you’ll learn about React-specific integrations such as a useRealtimeChat() that hides the complexity of connecting directly to a voice AI provider, or generation hooks that integrate nicely with TanStack Start.
🎥 Austin Davis - I Tried TanStack Form and I'm Not Going Back
🎙️ Syntax.fm 988 - Cloudflare’s Next.js Slop Fork

💸 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

Expo UI in SDK 55 - Jetpack Compose now available

Expo SDK 55 brings major updates to Expo UI, moving Jetpack Compose support to beta and refining SwiftUI APIs to match Apple's official conventions more closely. Instead of reimplementing native components in JavaScript, Expo UI exposes the native UI frameworks directly to React Native.

Jetpack Compose support: now includes enough Material Design 3 components (like LazyColumn, ModalBottomSheet, and DockedSearchBar) to build complete apps, which was validated by building a full Wikipedia clone.
SwiftUI: now it feels like SwiftUI: renamed and restructured SwiftUI components to match their SwiftUI counterparts. DateTimePicker is now DatePicker, Switch is now Toggle, and CircularProgress is now ProgressView.
Familiar API surface: It uses React's compound component pattern (e.g., ListItem.Leading) to express Compose's composable lambdas in JSX, and aligns the modifier system so it works consistently across platforms.
AI-Friendly: Because the APIs intentionally mirror native Compose and SwiftUI documentation, AI assistants can easily generate correct Expo UI code relying on their existing native training data.

React Native Ease - Lightweight declarative animations powered by platform APIs

New animation library designed to handle simple transitions with maximum performance. While Reanimated is incredibly flexible, it runs JS on every frame on the UI thread, which can be overkill and cause flickering if the thread lags. react-native-ease solves this by leveraging Core Animation on iOS and Animator on Android directly, resulting in zero JS overhead.

CSS-like API: Offers a highly simplified, declarative API inspired by CSS transitions. You simply wrap elements in an <EaseView> component and pass an animate prop.
Built for the basics: Perfect for non-layout properties like opacity, transforms, background color, and border radius. It prevents the need to create hundreds of shared values just for simple press animations in lists.
AI Migration Skill: It includes an AI agent skill that can automatically scan your codebase, identify simple Animated/Reanimated implementations, and migrate them over to react-native-ease.

💸 Make React apps fast where it actually matters. Learn how to diagnose real bottlenecks and fix slow, janky React apps using modern React 19 patterns.
📜 The next generation of Expo APIs: MediaLibrary and Contacts - Following the Filesystem update, Contacts and Media Library are getting the new object-oriented API treatment. The use of Shared Objects and Shared Refs offers better performance and simpler querying through deeper native module integration.
📜 Handling Navigation in React Native Brownfield Apps - Navigation for brownfield apps can be tricky. @callstack/brownfield-navigation aims to simplify this process by wiring navigation in a clean, typed, and maintainable way.
📦 Keyboard Controller 1.2 - Chat Scroll View - Tackles layout thrashing during keyboard animations. This related article explains why Flutter and React Native suffer from the same keyboard animation stutter.
📦 Fast Flow Transform - Strip Flow types 20x faster than with Babel - This tool might help remove Babel entirely from your React Native pipeline and adopt a full Rust-based toolchain. Note that SWC is also working on Flow types stripping.
📦 React Native Sandbox 0.5 - Now supports Android - Allows you to run multiple, isolated React Native instances within a single application
📦 Agent Device 0.8.4 - Screenshot diff support - CLI tool for pixel-level image comparison.
📦 React Native Streamdown - Markdown streaming for React Native - Can render incomplete Markdown documents, useful for streaming LLM chats.
📦 React Native Reanimated DnD 2.0 - Drag-and-drop library using Reanimated 4 and Gesture Handler
📦 Vite Plugin RNW 0.0.11 - Vite 8 support for React Native Web
🎥 Simon Grimm - How to Build Smart TV Apps with React Native (Vega OS Guide)
🎥 Beto - This New React Native Animation Library Is Insane (Ease)
🎙️ Software Mansion Podcast 1 - AI Made 20 Years of Learning Obsolete in 2 Months – Simon Grimm x Tomek Zawadzki - SWM is launching its new React Native podcast, while Rocket Ship is taking a break.
🎙️ React Native Radio 356 - How Vercel Built the v0 App with React Native

🔀 Other

📣 TC39 Advances Temporal to Stage 4 Alongside Several ECMAScript Proposals - Great news for Temporal, being standardized in ECMAScript 2026. Import Text is also super useful and now stage 3.
📜 Temporal: The 9-Year Journey to Fix Time in JavaScript - From the origins of the Date API to the backstory of how Temporal got standardized. Remains to define how it will integrate with existing Web APIs, such as date inputs.
📜 Why Node.js Needs a Virtual File System - A node:vfs API should land as experimental in Node 24, and polyfills are already available for Node 22. Being able to load code generated at runtime can be quite useful!
📦 Vite 8.0 - Faster Rust-based Rolldown bundler - A major Vite release just dropped, based on the new unified Rust-based toolchain. The React plugin is also updated, and there’s a compatibility preset for the React Compiler.
📦 Vite+ Alpha - The Unified Toolchain for the Web - The Void0 company finally decided that it will be free and under MIT license.
📦 Oxlint JS Plugins Alpha - Oxlint is already compatible with many ESLint rules, including React hooks and React Compiler rules. What’s most interesting is how they achieve good performance thanks to the low-level “raw transfer” mechanism.
📦 Vitest 4.1 - Support for Vite 8, test tags, new aroundEach/All hooks, and more
📦 Bun 1.3.11 - Bun.cron, smaller on Linux, many bugfixes

🤭 Fun

See ya! 👋