How React works: The complete tutorial

How React works: The complete tutorial
3 minutes by How React Works

A course for frontend engineers who already build with React but want to understand how it works. It covers internals like the fiber tree, reconciliation, hooks, concurrency, Suspense, server rendering, and performance. No source code walkthroughs, just clear explanations, examples, and diagrams.

Revel is hiring. Build the next generation of software for hardware.
sponsored by Revel

As an engineer at Revel, your code doesn’t just live in a browser. It helps the world’s most ambitious engineering teams test rocket engines, nuclear systems, hypersonic aircraft, and other breakthrough hardware. Built by engineers from SpaceX, Anduril, and Palantir, Revel helps teams test up to 5x faster and develop higher-performing hardware with greater safety and reliability. Apply here.

Form v2 is here: All you need to know about the alpha
8 minutes by Luca Jakob

TanStack Form v2 is now in alpha after a full rewrite based on feedback from v1. The biggest changes are to validators and listeners, which now use a pipeline model that lets you attach multiple triggers to one validator, stack multiple validators on one trigger, and add conditions without burying logic inside callbacks. The update also brings stricter types for schema inference and composed field components, plus simpler server-side validation that shares config between client and server.

Motion is the part you are not supposed to notice
9 minutes by Mensur Duraković

Small animation fixes made a blog feel much more polished. Post lists now arrive as one smooth group, the search dialog fades in and out properly, and the header shrinks while scrolling. A reading progress bar, consistent hover effects, and a shared image transition when opening posts all add up. None of these are features anyone will notice, but together they make the site feel considered rather than just functional.

SSG for React with Vite
9 minutes by Ernesto Casablanca

React apps usually send an empty HTML page to the browser, making JavaScript do all the rendering work. Static Site Generation fixes this by building the full HTML once at build time, which speeds up first load and helps search engines. Switching from the default setup takes just a few lines: a build script using renderToString, a small Vite plugin to inject the output, and swapping createRoot for hydrateRoot in production.

Hoistable SVG defs, take two: Impersonating the DOM
13 minutes by Jules Blom

Jules explores a clever way to manage and deduplicate SVG definitions in React. It uses a fake DOM container to let React track mounted components directly, avoiding manual useEffect registries. The approach uses React’s commit process and useSyncExternalStore to collect definitions, remove duplicates, and keep the real SVG element updated.

And the most popular article from the last issue was:

• Making React testing library tests 43% faster