Core React concepts explained visually

дата:
Plus React turns 12, building a React app with AI, and a way to use RSCs without a framework. |

#​430 — May 28, 2025

Read on the Web

🖊️ 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  SurveyJS logo
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:

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

📢  Elsewhere in JavaScript

A roundup of some other interesting stories in the broader JavaScript landscape, in case you've missed them:

n

Комментарии

Отправить комментарий