This Week In React #238: React Router, RSC, shadcn/ui, React Aria, TanStack, ForesightJS, Cosmos | iOS 26, JSI, Nitro, WebView, Windows, Tabs...

Hi everyone!

This week is relatively calm in the React ecosystem, but we still have various interesting blog posts and releases. Maybe we'll soon get some exciting news from React Summit that's about on Friday!

On the React Native side, all the devs are already working on iOS 26 Liquid Glass support and other things announced by Apple yesterday. This new design thing is rather controversial and subject to a lot of mockery 😂. React Native 0.80 is just around the corner, I'll keep all this for later, but you can get a sneak peek in Alex Hunt talk at App.js.

The JS ecosystem has been rather active with Oxlint 1.0 and various interesting Node.js news.

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

What engineers get wrong about communication

Engineers spend most of their time doing two things: coding and communicating. The first has endless amounts written about it; the second much less so.

To address this injustice, PostHog shares the biggest mistakes they see engineers make when communicating and what they do as a remote, async, engineering-led company to eliminate them.

Read it here.

⚛️ React

💸 Build professional design system in less than a day, using Hope AI, new model by Bit.Cloud .
🦋 React Conf - First speakers announced: I guess we’ll have React Compiler news in October.
📣 React Router Open Governance: React Router gets more community-driven, forming a Steering Committee initially composed of Remix team members. RFCs will follow stages inspired by the TC39 process. This also gives a sneak peek of what you can expect in v8. See also video comments from Alem Tuzlak.
📜 How Imports Work in RSC: Dan Abramov deep dives on module systems. The JS one creates singletons and is quite different from the C one, which creates duplication by default. RSCs permit creating a single program spanning across two computers, with two independent module systems. By the way, you can now have a 1:1 consulting call with Dan.
📜 Reactivity is easy: Nice interactive article showing how to let cells of a data grid read from React context without useless re-renders.
📜 useState should require a dependency array: Interesting interactive article advocating for useState(initialState, deps) with good arguments. I’m not sure I agree, though: using a key and splitting your UI into smaller components is probably enough, but curious to see what others think about this idea.
📜 Beware The URL Type-Safety Iceberg: The author of the nuqs library warns of the hidden dangers of search parameters. You’d rather design beautiful URLs, stay within size limits, deal with URL update rate limits, validate params, and be able to migrate old URLs to a new validation schema.
📜 Use Async Local Storage to prevent props drilling in Next.js Route handlers: It's like React Context but for Node.js functions.
📜 How to Integrate Plausible Analytics in a Next.js App: Proxying analytics API calls makes them less likely to trigger ad-blocking extensions.
📜 How to Create Your Own Simple useState Hook
📜 How React Suspense Works Under the Hood: Throwing Promises and Declarative Async UI
📜 Astro Integrations Explained
💸 Build a working reward flow in minutes — with Dynamo
📦 TanStack Router 1.121: Important milestone introducing a new @tanstack/react-start package. TanStack Start is now just a Vite plugin.
📦 shadcn/ui - June 2025 updates: Upgrades Calendar to the latest react-day-picker, introduces a new CLI command to migrate imports to the new unified radix-ui package.
📦 ForesightJS 2.0 - Predict user intent to prefetch: This library predicts mouse cursor and keyboard navigation to prefetch data earlier than mouse hover. Docs show how to integrate it with React Router and Next.js link components. TanStack will soon have a similar feature built in (tweet). This might also be useful in the future for pre-rendering with React <Activity>.
📦 React Aria - June 5 release - Drag and drop support in React Aria Tree
📦 Puck 0.19 - Visual editor for React - Slots API & performance gains
📦 Astro 5.9 - Experimental CSP support, render Markdown in content loaders
📦 React Cosmos 7.0 - Develop UI components in isolation - Support React 19, Next.js 15
🎥 Youssef - The Most Common React Query Mistake
🎥 Jack Herrington - Remix V3's Fatal Flaw
🎥 Theo - Why Tech Companies Are Moving Off React
🎙️ Syntax 908 - Storybook Has Evolved w/ Jeppe Reinhold

Guide: How to build secure B2B applications

Learn how to architect a scalable, multi-tenant B2B SaaS app using Clerk and Supabase. This technical guide covers:

🔐 Organization-level authentication
👥 Scoping Supabase data by tenant
🧩 Mapping users to organizations securely
🧑‍💻 Structuring your React app for clean multi-tenancy

🚀 Apply these patterns to solve real-world auth and data isolation challenges in modern SaaS development. Read our step-by-step guide.

📱 React-Native

💸 Radon IDE – Debug Redux and React Query seamlessly inside your editor.
🐦 Introducing JSI's New Runtime Data APIs: A new jsi::Runtime:setRuntimeData(uuid,data) C++ API to help library authors store custom data in the runtime that automatically manages the ownership and lifecycle.
🐦 New iOS 26 Liquid Glass UI works with Expo Router
🐦 Using Apple AI Foundation Models to generate React components offline on iOS
🧵 "Apple today took a shot at React Native": Jamon Holmgren’s reply to Apple’s criticism of cross-platform solutions in a WWDC25 video.
📜 Building NeonCity: A fast-paced mobile game made with React Native, Reanimated, and Expo
📜 Building a Live Activity Timer in Expo
📦 Nitro Modules 0.26 - RN 0.80 support, Date support
📦 WebView 13.15 - Add support for Google Pay (Payment Request API)
📦 Bottom Tabs 0.9.2 - Support iOS 26 Liquid Glass tabs, useBottomTabBarHeight
📦 Expo PencilKit UI - Native Apple PencilKit integration for iOS drawing experiences
📦 React Native Windows 0.79 - Improving Fabric feature parity
📦 Unistyles 3.0 RC5 - Golden RC, release soon
📦 Expo GitHub Cache - Remote build cache provider storing artifacts in GitHub releases
📦 Android 16
🎥 Dan’s Lab - 2D Game Physics with Matter.js, React Native Skia and Expo
🎥 Michał - You’re Loading Too Much Unnecessary Hermes Polyfills
🎥 Simon Grimm - Is React Native the Future of Mobile Apps?

🔀 Other

📊 State of CSS 2025 - Survey went live
📜 Beware of End-of-Life Node.js Versions - Upgrade or Seek Post-EOL Support: The Node.js team recommends v18 users to skip v20 and upgrade to v22 directly.
📦 Oxlint 1.0: The first stable version of the Rust linter claims to be 50-100x faster than ESLint and compatible with 500 rules already, including eslint-plugin-react and eslint-plugin-react-hooks.
📦 Amaro 1.0 - Node.js TypeScript wrapper and type stripper: To me, this is the “real” launch of native TypeScript support in Node.js. For Node 24.3, they are also removing the scary experimental warning that made it awkward to use this feature in production for anything serious.
📦 WebKit in Safari 26 beta - SVG icons, install every site as PWA, WebGPU, SwiftUI WebView, CSS anchor positioning and scrol-driven animations, JS using and more: An exciting release full of interesting things!
📦 Jest 30 - Faster, uses less memory and comes with many new testing features
📦 pnpm 10.12 - New catalog features, new enableGlobalVirtualStore experimental flag
📦 Node 24.2 - import.meta.main to detect app entrypoint

🤭 Fun

See ya! 👋

This Week In React #238: React Router, RSC, shadcn/ui, React Aria, TanStack, ForesightJS, Cosmos | iOS 26, JSI, Nitro, WebView, Windows, Tabs...

Comments