#431 — June 11, 2025
Together with
React Status
Dan Abramov’s Recent Flurry of Blog Posts — We might have taken a week off, but Dan Abramov of the React team certainly didn’t. He’s treated us to many posts recently, continuing his run of thoughts and explication of the client/server divide, bridging that divide, and the patterns used by React Server Components. Here are the latest posts:
How Imports Work in RSC is an interesting post about JavaScript’s module system generally, touching on how RSC extends it to span both server and client contexts.
Progressive JSON uses the metaphor of Progressive JPEG’s support for loading and rendering fuzzier images while data trickles in, but applied to streamed JSON data being used to populate parts of your app on the fly – a concept React can support using Suspense.
Why Does RSC Integrate with a Bundler? is a deep, technical post into why and how bundlers are used to coordinate the client/server concerns of RSC code.
RSC for Lisp Developers compares server components to the Lisp language’s idea of ‘code as data’.
Dan Abramov
💡 I doubt he’ll have availability for long, but Dan has announced he’s ‘doing a little consulting’ around UI engineering, React, etc.
🔐 Login Is Just the Start—Protect Against Real Threats — AuthKit gives you a fully featured, hosted login with SSO, MFA, and more—ready for production on day one. Add WorkOS Radar to block brute force attacks, leaked credentials, free trial abuse, and other high-impact threats—no custom logic required.
WorkOS sponsor
IN BRIEF:
-
The React Native team has frozen the legacy architecture codebase in order to focus solely on the New Architecture going forward.
-
🕹️ The React Jam game dev event took place last month with developers attempting to create a React powered game in just ten days. Here’s all the winning entries.
-
On the topic of both games and React Native, the Expo team has shared a case study of a fast-paced React Native-powered game built with Expo and Reanimated.
Wake Up, Remix! Everything’s Changing.. — A year ago, Remix and React Router merged together reflecting their shared goals and code, but now it’s all change again. React Router is now basically what Remix originally intended to be, so Remix is ‘rebooting’ as a model-first, low-dependency, Web API-centric full-stack framework built on Preact.
Michael Jackson and Ryan Florence
💡 If you like React Router, there’s great news for that project too, including an update on developments, a new open governance model, and a plan for taking RR forward.
▶ The 3 Ways JavaScript Frameworks Render the DOM — The creator of the SolidJS framework looks at the different approaches frameworks take to render what they produce. A good look under the hood that isn’t too complex. (16 minutes.)
Ryan Carniato
Sync Clerk User Data to Supabase in Real Time with Webhooks — Stop polling and start syncing. This guide shows how to stream Clerk user updates into Supabase with ease.
Clerk sponsor
📄 Creating a React + Flask Project in 2025 – If you want your backend to be written in Python. Miguel Grinberg
📄 How to Create Your Own Simple useState Hook DeepIntoDev
📄 Some React Design Patterns and Best Practices for 2025 Hassan Djirdeh (Telerik)
📄 How to Migrate from Next.js to TanStack Start TanStack Docs
📄 SolidJS for React Developers Thiery Michel
📺 Remix V3’s Fatal Flaw Jack Herrington
🛠 Code, Tools & Libraries
Storybook 9: The UI Component Workshop — The popular one-stop tool for working on, and testing, frontend UI components gets a big update in terms of testing. Storybook Test offers interaction, visual, and accessibility testing, complete with a ‘watch mode’ for testing whenever you save, whether you’re working with React, Svelte, Next.js, React Native, and more.
Michael Shilman
🎉 Partycles: Beautiful Particle Animations for React — One hook, nineteen effects, including ‘confetti’, fireworks, stars, balloons, and similar frivolities. This is also an example of creating a great landing page for a project, it’s packed with demos, explanations, and FAQs.
Jonathan Leane
React Final Form 7.0: High Performance Subscription-Based Form State Management — A long standing library that’s just made the move from Flow to TypeScript (here’s the full story about that). GitHub repo.
Final Form
Chrome Extension Boilerplate: Build Create Chrome/Firefox Extensions with React — Boasts faster build speeds and an improved development experience through use of Vite and Turborepo.
JongHak Seo
-
⭐ Ink 6.0 – Use React to build Node.js-based CLI apps. Now supports React 19 and requires Node.js 20.
-
React Native Reanimated 3.18 – React Native’s Animated reimplemented. Adds support for React Native 0.80.
-
react-native-popup-menu 0.18 – Popup menu component for React Native. Now supports React 19.
-
🔢 React Animated Numbers 1.1 – Simple way to animate number changes.
-
rn-swiper-list 2.4 – Customizable Tinder-esque swiper for React Native.
-
PrimeReact 10.9.6 – Extensive UI component library.
📰 Classifieds
Meticulous automatically creates and maintains an E2E UI test suite with zero developer effort. Relied on by Dropbox, Wiz, Lattice, Bilt Rewards, etc.
Hope AI - Software architecture agent for Developers. Compose high-quality applications and reusable UI components in React. by Bit.Cloud.
🔥“These are the best-run events in the industry!” — Scott Tolinski. Join JSNation US & React Summit US this Nov and see for yourself!
📢 Elsewhere in JavaScript
A roundup of some other interesting stories in the broader JavaScript landscape, in case you’ve missed them:
-
Rolldown is a fast, Rust-based JavaScript bundler intended to eventually be used by Vite — so it’s exciting that Evan You has announced Rolldown-Vite, an alternative Vite package you can use to try out Rolldown-powered Vite today. Many developers are reporting large build time reductions.
-
Node’s type stripping loader Amaro has reached v1.0 and marks the next step in Node.js having ‘stable’ support for TypeScript.
-
Gleam is a neat, easy to read/write language that targets both Erlang and JavaScript runtimes. The big news is that Gleam compiled to JS is now 30% faster.
-
A look at using Node’s native module hooks functionality to implement hot module reloading.
-
Oxlint 1.0 has been released.
Curated by Peter Cooper and Terence C. Gannon.
A Cooperpress publication.
#431 — June 11, 2025
Together with
React Status
Dan Abramov’s Recent Flurry of Blog Posts — We might have taken a week off, but Dan Abramov of the React team certainly didn’t. He’s treated us to many posts recently, continuing his run of thoughts and explication of the client/server divide, bridging that divide, and the patterns used by React Server Components. Here are the latest posts:
How Imports Work in RSC is an interesting post about JavaScript’s module system generally, touching on how RSC extends it to span both server and client contexts.
Progressive JSON uses the metaphor of Progressive JPEG’s support for loading and rendering fuzzier images while data trickles in, but applied to streamed JSON data being used to populate parts of your app on the fly – a concept React can support using Suspense.
Why Does RSC Integrate with a Bundler? is a deep, technical post into why and how bundlers are used to coordinate the client/server concerns of RSC code.
RSC for Lisp Developers compares server components to the Lisp language’s idea of ‘code as data’.
Dan Abramov
💡 I doubt he’ll have availability for long, but Dan has announced he’s ‘doing a little consulting’ around UI engineering, React, etc.
🔐 Login Is Just the Start—Protect Against Real Threats — AuthKit gives you a fully featured, hosted login with SSO, MFA, and more—ready for production on day one. Add WorkOS Radar to block brute force attacks, leaked credentials, free trial abuse, and other high-impact threats—no custom logic required.
WorkOS sponsor
IN BRIEF:
-
The React Native team has frozen the legacy architecture codebase in order to focus solely on the New Architecture going forward.
-
🕹️ The React Jam game dev event took place last month with developers attempting to create a React powered game in just ten days. Here’s all the winning entries.
-
On the topic of both games and React Native, the Expo team has shared a case study of a fast-paced React Native-powered game built with Expo and Reanimated.
Wake Up, Remix! Everything’s Changing.. — A year ago, Remix and React Router merged together reflecting their shared goals and code, but now it’s all change again. React Router is now basically what Remix originally intended to be, so Remix is ‘rebooting’ as a model-first, low-dependency, Web API-centric full-stack framework built on Preact.
Michael Jackson and Ryan Florence
💡 If you like React Router, there’s great news for that project too, including an update on developments, a new open governance model, and a plan for taking RR forward.
▶ The 3 Ways JavaScript Frameworks Render the DOM — The creator of the SolidJS framework looks at the different approaches frameworks take to render what they produce. A good look under the hood that isn’t too complex. (16 minutes.)
Ryan Carniato
Sync Clerk User Data to Supabase in Real Time with Webhooks — Stop polling and start syncing. This guide shows how to stream Clerk user updates into Supabase with ease.
Clerk sponsor
📄 Creating a React + Flask Project in 2025 – If you want your backend to be written in Python. Miguel Grinberg
📄 How to Create Your Own Simple useState Hook DeepIntoDev
📄 Some React Design Patterns and Best Practices for 2025 Hassan Djirdeh (Telerik)
📄 How to Migrate from Next.js to TanStack Start TanStack Docs
📄 SolidJS for React Developers Thiery Michel
📺 Remix V3’s Fatal Flaw Jack Herrington
🛠 Code, Tools & Libraries
Storybook 9: The UI Component Workshop — The popular one-stop tool for working on, and testing, frontend UI components gets a big update in terms of testing. Storybook Test offers interaction, visual, and accessibility testing, complete with a ‘watch mode’ for testing whenever you save, whether you’re working with React, Svelte, Next.js, React Native, and more.
Michael Shilman
🎉 Partycles: Beautiful Particle Animations for React — One hook, nineteen effects, including ‘confetti’, fireworks, stars, balloons, and similar frivolities. This is also an example of creating a great landing page for a project, it’s packed with demos, explanations, and FAQs.
Jonathan Leane
React Final Form 7.0: High Performance Subscription-Based Form State Management — A long standing library that’s just made the move from Flow to TypeScript (here’s the full story about that). GitHub repo.
Final Form
Chrome Extension Boilerplate: Build Create Chrome/Firefox Extensions with React — Boasts faster build speeds and an improved development experience through use of Vite and Turborepo.
JongHak Seo
-
⭐ Ink 6.0 – Use React to build Node.js-based CLI apps. Now supports React 19 and requires Node.js 20.
-
React Native Reanimated 3.18 – React Native’s Animated reimplemented. Adds support for React Native 0.80.
-
react-native-popup-menu 0.18 – Popup menu component for React Native. Now supports React 19.
-
🔢 React Animated Numbers 1.1 – Simple way to animate number changes.
-
rn-swiper-list 2.4 – Customizable Tinder-esque swiper for React Native.
-
PrimeReact 10.9.6 – Extensive UI component library.
📰 Classifieds
Meticulous automatically creates and maintains an E2E UI test suite with zero developer effort. Relied on by Dropbox, Wiz, Lattice, Bilt Rewards, etc.
Hope AI - Software architecture agent for Developers. Compose high-quality applications and reusable UI components in React. by Bit.Cloud.
🔥“These are the best-run events in the industry!” — Scott Tolinski. Join JSNation US & React Summit US this Nov and see for yourself!
📢 Elsewhere in JavaScript
A roundup of some other interesting stories in the broader JavaScript landscape, in case you’ve missed them:
-
Rolldown is a fast, Rust-based JavaScript bundler intended to eventually be used by Vite — so it’s exciting that Evan You has announced Rolldown-Vite, an alternative Vite package you can use to try out Rolldown-powered Vite today. Many developers are reporting large build time reductions.
-
Node’s type stripping loader Amaro has reached v1.0 and marks the next step in Node.js having ‘stable’ support for TypeScript.
-
Gleam is a neat, easy to read/write language that targets both Erlang and JavaScript runtimes. The big news is that Gleam compiled to JS is now 30% faster.
-
A look at using Node’s native module hooks functionality to implement hot module reloading.
-
Oxlint 1.0 has been released.
Curated by Peter Cooper and Terence C. Gannon.
A Cooperpress publication.
发布者