--- title: "Core React concepts explained visually" publication: "React Status" issue: 430 published_at: "2025-05-28" canonical_url: "https://react.statuscode.com/issues/430" --- 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](https://react.statuscode.com/issues/) 🖊️ 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\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_1000,h_410/e_make_transparent/co_white,e_outline:20/yrja59qflovcjwojxypq.png)](https://surveyjs.io?utm_source=react.statuscode&utm_medium=email) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/kookysnrnqhpjtxn3uun.jpg)](https://react.gg/visualized) [React, Visualized: A Visual Exploration of React Concepts](https://react.gg/visualized) — 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](https://tkdodo.eu/blog/the-beauty-of-tan-stack-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 [![\](https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/da4f4b23.png)](https://surveyjs.io?utm_source=react.statuscode&utm_medium=email) [SurveyJS: White-Label React Form Builder with Built-In JSON Schema Editor](https://surveyjs.io?utm_source=react.statuscode&utm_medium=email) — 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](https://surveyjs.io?utm_source=react.statuscode&utm_medium=email). 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](https://github.com/storybookjs/storybook/releases/tag/v9.0.0) has been released. We'll cover it properly in the next issue. - [React Router now has preview support for RSC.](https://remix.run/blog/rsc-preview) - [Astro 5.8](https://astro.build/blog/astro-580/) 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](https://github.com/vercel/examples/pull/1135) in favor of [Fluid compute.](https://vercel.com/fluid) [Building a React App with GitHub Copilot](https://github.blog/ai-and-ml/github-copilot/github-for-beginners-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](https://rwsdk.com/blog/your-react-meta-framework-feels-broken) — _“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](https://tympanus.net/codrops/2025/05/28/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.](https://artificial-playground-demo.netlify.app/) Ian Curtis 📺 [The Story of Concurrent Rendering in React](https://www.youtube.com/watch?v=edN42P_vfCI) ui․dev 📄 [Real-Time Audio Processing with Expo and Native Code](https://expo.dev/blog/real-time-audio-processing-with-expo-and-native-code) Braulio Ríos 📺 [React's New 'Activity' Component: A Huge Performance Win](https://www.youtube.com/watch?v=gRKVL5w-2Lc) Jack Herrington 📄 [A Simple Way to Add Google Sign-in to a Next.js App](https://tomdekan.com/articles/google-sign-in-nextjs) Tom Dekan 🛠 Code, Tools & Libraries [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/glm9x265ihlikfq8qcsc.jpg)](https://docusaurus.io/blog/releases/3.8) [Docusaurus 3.8: The Docs-Oriented Static Site Generator](https://docusaurus.io/blog/releases/3.8) — The popular React-powered site generator offers a variety of build performance enhancements but, most notably, [‘future flags’](https://docusaurus.io/blog/releases/3.8#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](https://reactjust.dev/) — 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](https://go.clerk.com/apfpVuY) — 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](https://alexsergey.github.io/rockpack/) — 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.](https://github.com/AlexSergey/rockpack) Alex Sergey 📱 [react-native-alert-queue: Promise-based, Queued and Customizable Alerts](https://github.com/xxsnakerxx/react-native-alert-queue) Dmitrii Kolesnikov - 🗓️ [React DayPicker 9.7](https://daypicker.dev/) – A component for creating date pickers, calendars, and date inputs. - [React Spring 10.0](https://github.com/pmndrs/react-spring) – Spring-physics animation library. - [react-teleporter 3.2](https://github.com/gregberge/react-teleporter) – 'Teleport' components in the same React tree. - [React Native Reanimated 4.0 Beta 4](https://github.com/software-mansion/react-native-reanimated/releases/tag/4.0.0-beta.4) - [React Spectrum May 19, 2025 Release](https://react-spectrum.adobe.com/releases/2025-05-19.html) - [ESLint v9.27.0](https://eslint.org/blog/2025/05/eslint-v9.27.0-released/) 📢 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](https://deno.com/blog/history-of-javascript) to celebrate JavaScript's 30th birthday this year. - 📺 The creator of SolidJS has put together [▶️ a ten minute explainer of different JS frameworks](https://www.youtube.com/watch?v=DAci3O2j31o) 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](https://github.com/googleapis/js-genai) covering both Gemini and Vertex APIs. - [TypeScript is being ported to Go](https://devblogs.microsoft.com/typescript/typescript-native-port/) 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.](https://devblogs.microsoft.com/typescript/announcing-typescript-native-previews/) Curated by Peter Cooper and Terence C. Gannon. A **[Cooperpress](https://cooperpress.com/)** publication. [Change your email address](https://react.statuscode.com/edit_subscription/*|UID|*) or[Stop getting this newsletter](https://react.statuscode.com/leave/*|UID|*) © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom