#​410 — December 11, 2024

Read on the Web

Together with  Frontend Masters logo
React Status

React v19 Released (For Real This Time) — An early Christmas present! First teased in the React Labs February 2024 post, React 19 has been cooking for long enough (and in beta for 8 months) there’s already a wealth of content out there, like the React 19 upgrade guide, an explanation of the compiler, cheat sheets, and a roundup of what’s new in React 19. It’s here, and it’s time to re-explore Actions, the new hooks, use, Server Components, and more.

The React Team

💡 Due to the long release schedule, a lot of libraries and tools are set for React 19, but more are landing each day, such as Redux Toolkit 2.5 and React Redux 9.2 just now.

Complete Intro to React v9: New Project, Modern Stack — Join Brian Holt in building a pizza delivery app from scratch. Master hooks, TanStack Router, testing, and React 19 features in this comprehensive guide to modern React development. No prior React experience needed.

Frontend Masters sponsor

My React Tech Stack for 2025 — After a year of research, building React apps, and creating a full-stack course, Robin shares what he’s settled on as his broader stack going forward for React apps into the new year. There’s little that's surprising here, but it’s good to see all these suggestions come together in one place.

Robin Wieruch

Next.js 15.1: Now Officially Supporting React 19 — As (almost) the de facto React framework, it’s no surprise a Next.js release quickly followed the React 19 announcement. As well as React 19 support, there are improvements for debugging errors (shown in this post), after() is now stable, and forbidden() and unauthorized() are two new experimental ways to trigger 403 and 401 errors.

Vercel

IN BRIEF:

How React Compiler Performs on Real Code — Based on her talk at React Advanced this piece summarizes the problem the React Compiler is trying to solve, how that problem is solved in its absence, and how the compiler works on real code.

Nadia Makarevich

Why We Switched to Astro (and Why It Might Interest You) — Why did Dato CMS take their old Next 13-powered site and rebuild it with Astro? It’s interesting to see the thought process and considerations they went through.

Stefano Verna

Ref Callbacks, React 19 and the Compiler — Two years since his first article on callback refs, it turns out, in hindsight, some of the things included in that piece “were not 100% correct”. It’s time to revisit the subject.

Dominik Dorfmeister (TkDodo)

📄 Why and How I Made a 3D Terrain Renderer with React Saman Bemel Benrud

📄 How to Dockerize a React App: A Step-by-Step Guide Vladimir Mikhalev (Docker)

📺 Recreating Apple-Style 3D Scroll Animations – Thanks largely to React Fiber and GSAP. Dan Greenheck

📄 Running Your Next.js SSR App on Deno Deploy Orriols and Jiang (Deno)

📺 An Honest Review of TanStack Start vs Next.js Ankita Kulkarni

🛠  Code, Tools & Libraries

Rockpack 5.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. Think Create React App, but more. GitHub repo.

Alex Sergey

Uniffi for React Native: Rust-Powered Turbo Modules — Mozilla and Filament have released a new tool for building React Native Turbo Modules (a way to interact with native platform APIs) using Rust.

Mark Mayo and Tony Haile

Meticulous Automatically Creates & Maintains E2E UI Tests — Zero flakes. Used by Lattice, Bilt Rewards and others.

Meticulous sponsor

React Spinners: A Collection of 'Loading Spinner' Components — A simple approach for loading, progress, and similar indicators in a wide variety of formats. GitHub repo.

David Hu