📨 #238: React Router, RSC, shadcn/ui, React Aria, TanStack, ForesightJS, Cosmos | iOS 26, JSI, Nitro, WebView, Windows, Tabs, PencilKit | Node, Oxlint, Amaro, Jest, WebKit, pnpm

11 juin 2025 · 7 minutes de lecture

Newsletter creator - Docusaurus maintainer

🇫🇷 Non traduit :/

Malheureusement, cette page n'a pas encore été traduite en français. Reviens un peu plus tard!

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.

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

🦋 Bluesky
✖️ X / Twitter
👔 LinkedIn
👽 Reddit

Ne manque pas le prochain email !

People always ask how I keep up to date, it's This Week In React.

Jack HerringtonPrincipal Engineer - Youtuber

💸 Sponsor

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