#410 — December 11, 2024
Together with
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:
-
📺 Five talks from the React Summit US event are now on YouTube to watch, including Michael Chan’s app developer’s guide to React 19 and Addy Osmani looking at how Chrome DevTools can help you debug React apps.
-
Vercel has introduced a new TypeScript-native SDK for the Vercel API.
-
React Router v7 Hono Server provides a way to create a Hono server bound to a React Router v7 app.
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
-
🖊️ react-signature-pad-wrapper 4.1 – React wrapper for a library providing a signature writing component.
-
☎︎ International Telephone Input 25.2 – Component for entering and validating international phone numbers.
-
React Testing Library 16.1 – DOM testing utils that encourage good practices. Now supporting React 19.
-
html-react-parser 5.2 – Isomorphic HTML to React parser.
-
React Suite 5.75 – A suite of React components. (Examples.)
Curated by Peter Cooper and Terence C. Gannon.
A Cooperpress publication.
#410 — 2024 年 12 月 11 日
连同
[](https:// react.statuscode.com/link/163347/5d0bbb4a61)
反应状态
[](https://react.statuscode.com/link/163348/5d0bbb4a61 ）
React v19 发布（这次是真正的） — 提前的圣诞礼物！首次在 React Labs 2024 年 2 月帖子 中被戏弄，React 19 已经酝酿了足够长的时间（测试版已经有 8 个月了），已经有很多那里的内容，例如 React 19 升级指南，编译器说明，[备忘单]( https://react.statuscode.com/link/163352/5d0bbb4a61），以及综述[React 19 中的新增功能。](https://react.statuscode.com/link/163353/5d0bbb4a61) 就在这里，是时候重新探索 Actions、新钩子、“use”、服务器组件等了。
反应团队
💡 由于发布时间较长，为 React 19 设置了很多库和工具，但每天都有更多的库和工具落地，例如 Redux Toolkit 2.5 和 React Redux 9.2 刚刚。
[](https://react.statuscode.com/link/163347 /5d0bbb4a61)
React v9 完整介绍：新项目、现代堆栈 — 与 Brian Holt 一起从头开始构建披萨外卖应用程序。这本现代 React 开发综合指南中掌握了 hooks、TanStack Router、测试和 React 19 功能。无需具备 React 经验。
前端大师赞助商
My React Tech Stack for 2025 — 经过一年的研究，构建 React 应用程序并创建全栈课程，Robin 分享了他在新的一年里为 React 应用程序制定的更广泛的堆栈方案。这里没什么令人惊讶的，但很高兴看到所有这些建议都集中在一个地方。
罗宾·维鲁奇
Next.js 15.1：现在正式支持 React 19 — 作为（几乎）事实上的 React 框架，Next 并不奇怪React 19 发布后，.js 很快就发布了。除了 React 19 支持之外，还对调试错误进行了改进（如本文所示），“after()”现已稳定，“forbidden()”和“unauthorized()”是触发 403 和 403 的两种新的实验性方法401 错误。
韦尔塞尔
简而言之：
-
📺 美国 React 峰会活动的五场演讲 现已在 YouTube 上观看，包括 Michael Chan 的 [React 19 应用开发者指南](https: //react.statuscode.com/link/163359/5d0bbb4a61) 和 Addy Osmani 查看 Chrome DevTools 如何可以帮助您调试 React 应用程序。
-
Vercel 为 Vercel API 引入了新的 TypeScript 原生 SDK。
-
React Router v7 Hono Server 提供了一种创建 Hono 的方法）服务器绑定到 React Router v7 应用程序。
React 编译器如何在真实代码上执行 — 基于 [她的演讲](https://react.statuscode.com /link/163365/5d0bbb4a61) 在 反应高级这篇文章总结了React Compiler试图解决的问题，在没有该问题的情况下如何解决该问题，以及编译器如何在真实代码上工作。
纳迪亚·马卡列维奇
为什么我们转向 Astro（以及为什么它可能会让您感兴趣） — 为什么 Dato CMS 采用他们的旧 Next 13-供电站点并使用 Astro? 重建它看到他们经历的思考过程和考虑因素很有趣。
斯特凡诺·韦尔纳
参考回调，React 19 和编译器 — 距离他发表第一篇关于 [回调参考](https://react .statuscode.com/link/163370/5d0bbb4a61），事后看来，其中包含的一些内容文章“并非100%正确”。是时候重新审视这个主题了。
多米尼克·多夫梅斯特 (TkDodo)
📄 我为什么以及如何使用 React 制作 3D 地形渲染器 Saman Bemel Benrud
📄 如何 Docker 化 React 应用程序：分步指南 Vladimir Mikhalev (Docker)
📺 重新创建 Apple 风格的 3D 滚动动画 – 很大程度上感谢 React Fiber 和 GSAP。丹·格林赫克
📄 在 Deno 部署上运行 Next.js SSR 应用程序 Orriols 和 Jiang (Deno)
📺 TanStack Start 与 Next.js 的诚实回顾 Ankita Kulkarni
🛠 代码、工具和库
[](https://react.statuscode.com/link/163376/5d0bbb4a61 ）
Rockpack 5.0: 另一种 React App Starter — 一个旨在尽可能缩短 React 项目设置时间的工具，完整具有服务器端渲染支持、捆绑、linting 和测试。想想创建 React App，但还有更多。 GitHub 存储库。
亚历克斯·谢尔盖
Uniffi for React Native：Rust-Powered Turbo Modules — Mozilla 和 Filament 发布了一款用于构建 [React Native] 的新工具Turbo 模块](https://react.statuscode.com/link/163379/5d0bbb4a61)（一种与原生交互的方式平台 API）使用 Rust.
马克·梅奥和托尼·海尔
细致地自动创建和维护端到端 UI 测试 — 零碎片。由 Lattice、Bilt Rewards 等公司使用。
精心赞助
React Spinners：“加载 Spinner”组件的集合 — 一种用于加载、进度和类似指标的简单方法多种格式。 GitHub 存储库。
胡大卫
-
🖊️ react-signature-pad-wrapper 4.1 – 提供[签名写入组件](https://react. statuscode.com/link/163384/5d0bbb4a61)
-
☎︎ 国际电话输入 25.2 – 用于输入和验证国际电话号码的组件。
-
React 测试库 16.1 – 鼓励良好实践的 DOM 测试实用程序。现在支持 React 19。
-
html-react-parser 5.2 – 同构 HTML 到 React 解析器。
-
React Suite 5.75 – 一套 React 组件。 （示例。）
由彼得·库珀和特伦斯·C·甘农策划。
Cooperpress 出版物。
发布者