星期三 03 下午 五月 28o 2025
Core React concepts explained visually
#430 — May 28, 2025
🖊️ I was away last week attending Google I/O and for various reasons we’re taking next week off as well, so consider this a brief island of React-ness before we’re back full-time again from June 11 :-)
__
Your editor, Peter Cooper
Together with
React Status
React, Visualized: A Visual Exploration of React Concepts — The creators of a React course have updated their popular visual explainer of numerous core React concepts to cover React 19 and features like actions, transitions, and Server Components too. There’s a lot to enjoy here, even if you don’t want to take the course.
Tyler McGinnis et al.
The Beauty of TanStack Router — Dominik, a new contributor to TanStack Router, calls the project “a work of beauty” and gives an outline of its high-level features here in an attempt to show how it stands out from the alternatives.
Dominik Dorfmeister
SurveyJS: White-Label React Form Builder with Built-In JSON Schema Editor — Integrate a powerful form builder UI component into your React app. Design complex, JSON-powered forms with a drag-and-drop interface. Fully customizable, compatible with React 19, and works with any backend. Ideal for data-heavy applications. Learn more.
SurveyJS sponsor
IN BRIEF:
🎉 No post, but tomorrow (May 29) is React’s 12th birthday.
Also no post yet, since it dropped in the past hour, but Storybook 9.0 has been released. We’ll cover it properly in the next issue.
Astro 5.8 has been released and drops support for all Node versions prior to v18.20.8.
It appears that Vercel may be due to deprecate its Edge Functions offering in favor of Fluid compute.
Building a React App with GitHub Copilot — A good walkthrough, complete with video, if you prefer, of bringing together several of GitHub Copilot’s features for building a modern JavaScript app quickly.
Kedasha Kerr (GitHub)
Your React Meta-Framework Feels Broken, Here’s Why — “Sometimes you’ve got to burn it all down, start from ash, and rebuild from first principles. This is what we did with RedwoodSDK.”
Redwood Team
🕹️ Building a Physics-Based Character Controller with the Help of AI – Along with React Three Fiber, Three.js, and Rapier. You can play the result here. Ian Curtis
📺 The Story of Concurrent Rendering in React ui․dev
📄 Real-Time Audio Processing with Expo and Native Code Braulio Ríos
📺 React’s New ‘Activity’ Component: A Huge Performance Win Jack Herrington
📄 A Simple Way to Add Google Sign-in to a Next.js App Tom Dekan
🛠 Code, Tools & Libraries
Docusaurus 3.8: The Docs-Oriented Static Site Generator — The popular React-powered site generator offers a variety of build performance enhancements but, most notably, ‘future flags’, a way to opt-in to forthcoming Docusaurus v4 changes ahead of time to be more prepared for the future (or at least test if you are).
Sébastien Lorber
ReactJust: Server Components Without a Framework — If, for some reason, you don’t want to adopt a full-scale framework like Next.js or React Router to use or experiment with RSCs, this ‘vanilla RSC’ approach could be of interest.
almadoro
Build an LMS SaaS App from Scratch — Learn to build a production-ready AI SaaS using Next.js with auth, billing, and an AI voice agent.
Clerk sponsor
Rockpack 6.0: An Alternative React App Starter — A tool aiming to get React project setup time as low as possible, complete with server side rendering support, bundling, linting and testing. v6.0 updates everything for React 19. GitHub repo.
Alex Sergey
📱 react-native-alert-queue: Promise-based, Queued and Customizable Alerts Dmitrii Kolesnikov
🗓️ React DayPicker 9.7 – A component for creating date pickers, calendars, and date inputs.
React Spring 10.0 – Spring-physics animation library.
react-teleporter 3.2 – ‘Teleport’ components in the same React tree.
📢 Elsewhere in JavaScript
A roundup of some other interesting stories in the broader JavaScript landscape, in case you’ve missed them:
🎉 The Deno team put together a fantastic timeline of JavaScript’s history to celebrate JavaScript’s 30th birthday this year.
📺 The creator of SolidJS has put together ▶️ a ten minute explainer of different JS frameworks comparing the approaches taken by React, Angular, Vue, Svelte, and Solid.
Google has released v1 of its official JavaScript/TypeScript SDK for its generative AI services covering both Gemini and Vertex APIs.
TypeScript is being ported to Go to take advantage of natively compiled speeds, as well as Go’s concurrency features. The first public builds are now ready for you to try.
Curated by Peter Cooper and Terence C. Gannon.
A Cooperpress publication.
#430 — May 28, 2025
🖊️ I was away last week attending Google I/O and for various reasons we’re taking next week off as well, so consider this a brief island of React-ness before we’re back full-time again from June 11 :-)
__
Your editor, Peter Cooper
Together with
React Status
React, Visualized: A Visual Exploration of React Concepts — The creators of a React course have updated their popular visual explainer of numerous core React concepts to cover React 19 and features like actions, transitions, and Server Components too. There’s a lot to enjoy here, even if you don’t want to take the course.
Tyler McGinnis et al.
The Beauty of TanStack Router — Dominik, a new contributor to TanStack Router, calls the project “a work of beauty” and gives an outline of its high-level features here in an attempt to show how it stands out from the alternatives.
Dominik Dorfmeister
SurveyJS: White-Label React Form Builder with Built-In JSON Schema Editor — Integrate a powerful form builder UI component into your React app. Design complex, JSON-powered forms with a drag-and-drop interface. Fully customizable, compatible with React 19, and works with any backend. Ideal for data-heavy applications. Learn more.
SurveyJS sponsor
IN BRIEF:
🎉 No post, but tomorrow (May 29) is React’s 12th birthday.
Also no post yet, since it dropped in the past hour, but Storybook 9.0 has been released. We’ll cover it properly in the next issue.
Astro 5.8 has been released and drops support for all Node versions prior to v18.20.8.
It appears that Vercel may be due to deprecate its Edge Functions offering in favor of Fluid compute.
Building a React App with GitHub Copilot — A good walkthrough, complete with video, if you prefer, of bringing together several of GitHub Copilot’s features for building a modern JavaScript app quickly.
Kedasha Kerr (GitHub)
Your React Meta-Framework Feels Broken, Here’s Why — “Sometimes you’ve got to burn it all down, start from ash, and rebuild from first principles. This is what we did with RedwoodSDK.”
Redwood Team
🕹️ Building a Physics-Based Character Controller with the Help of AI – Along with React Three Fiber, Three.js, and Rapier. You can play the result here. Ian Curtis
📺 The Story of Concurrent Rendering in React ui․dev
📄 Real-Time Audio Processing with Expo and Native Code Braulio Ríos
📺 React’s New ‘Activity’ Component: A Huge Performance Win Jack Herrington
📄 A Simple Way to Add Google Sign-in to a Next.js App Tom Dekan
🛠 Code, Tools & Libraries
Docusaurus 3.8: The Docs-Oriented Static Site Generator — The popular React-powered site generator offers a variety of build performance enhancements but, most notably, ‘future flags’, a way to opt-in to forthcoming Docusaurus v4 changes ahead of time to be more prepared for the future (or at least test if you are).
Sébastien Lorber
ReactJust: Server Components Without a Framework — If, for some reason, you don’t want to adopt a full-scale framework like Next.js or React Router to use or experiment with RSCs, this ‘vanilla RSC’ approach could be of interest.
almadoro
Build an LMS SaaS App from Scratch — Learn to build a production-ready AI SaaS using Next.js with auth, billing, and an AI voice agent.
Clerk sponsor
Rockpack 6.0: An Alternative React App Starter — A tool aiming to get React project setup time as low as possible, complete with server side rendering support, bundling, linting and testing. v6.0 updates everything for React 19. GitHub repo.
Alex Sergey
📱 react-native-alert-queue: Promise-based, Queued and Customizable Alerts Dmitrii Kolesnikov
🗓️ React DayPicker 9.7 – A component for creating date pickers, calendars, and date inputs.
React Spring 10.0 – Spring-physics animation library.
react-teleporter 3.2 – ‘Teleport’ components in the same React tree.
📢 Elsewhere in JavaScript
A roundup of some other interesting stories in the broader JavaScript landscape, in case you’ve missed them:
🎉 The Deno team put together a fantastic timeline of JavaScript’s history to celebrate JavaScript’s 30th birthday this year.
📺 The creator of SolidJS has put together ▶️ a ten minute explainer of different JS frameworks comparing the approaches taken by React, Angular, Vue, Svelte, and Solid.
Google has released v1 of its official JavaScript/TypeScript SDK for its generative AI services covering both Gemini and Vertex APIs.
TypeScript is being ported to Go to take advantage of natively compiled speeds, as well as Go’s concurrency features. The first public builds are now ready for you to try.
Curated by Peter Cooper and Terence C. Gannon.
A Cooperpress publication.
发布者