374 期 - React 19 部分新特性前瞻

本期看点：React 团队分享了他们正在进行的工作。React 编译器的工作已经取得了进展；现在它已经在 Instagram 的生产网站上运行。我们也了解到 **React 19 即将到来**，并将包含一些破坏性的变化，特别是为了支持像 Web Components 这样的东西。一些最新的 React Canary 中的特性也将在 React 19 发布。希望五月能有好消息。
编辑：Zhper、TimLi、edison-hm

🔥 本周热门

📣 React 团队分享了他们正在进行的工作 —— 距离上次 更新 已经过去了十一个月，所以发生了很多事情。React 编译器 的工作已经取得了进展；现在它已经在 Instagram 的生产网站上运行。我们也了解到 React 19 即将到来，并将包含一些破坏性的变化，特别是为了支持像 Web Components 这样的东西。一些最新的 React Canary 中的发展也得到了覆盖。希望五月能有好消息。

React.js 核心团队

💡 如果你想了解更多关于 React 被“编译”对你可能意味着什么，Brad Westfall 的 'React 19 将被编译' 进一步深入讨论了这个问题。

2024 年的 React 趋势 —— Robin 说，最近的发展让他对 2024 年的 React 生态系统再次感到“兴奋”，但他又看到了哪些进展呢？Astro、RSC、Vercel 和 Biome 都有出现。

Robin Wieruch

Remix Vite 现已稳定；新增 SPA 模式 —— Remix 是一个基于 React Router 构建的全栈 web 框架（完整解释），它将应用程序编译成服务器和客户端部分，这两部分可以无缝地互操作。在 Remix v2.7（昨天发布）中，Vite 的支持现已稳定，一个重要的增强是一个新的 SPA 模式，它在保持了许多 Remix 的约定和好处的同时，不需要在生产中使用 JS 服务器。

Mark Dalgleish 和 Pedro Cattori

使用 React 和 Ink 构建命令行应用程序 —— 没错，React 甚至可以创建命令行应用程序，本文并不是一个教程，更多的是介绍如何简单地制作这样一个应用程序。

Nico Prananta

在 React、Gatsby 和 Next.js 中使用 Google Tag Manager Consent Mode v2 —— 当别人花时间弄清楚如何实现一个既复杂又无聊的功能，并愿意大方的把其中的经验分享出来，这很值得赞扬。

Khash Sajadi

使用 PNPM Workspaces、TypeScript 和 Tailwind 设置 Monorepo

Emmanuel Isenah

快讯：

🛠  代码与工具

react-print-pdf：一个用于 PDF 和打印文档的 UI 工具包 —— 一个用于使用 React 和 JSX 中的组件构建和生成 PDF 的工具。它在背后使用 Onedoc 或 Prince XML 进行最终的 PDF 生成，所以你的实际效果可能会有所不同。

Onedoc Labs

Redwood v7.0：React + GraphQL 应用框架 —— Redwood 在 React-based 框架领域中经常被忽视。它是一个全栈 Web 框架，采取了一种有主见的方式，将 React、GraphQL、Prisma、TypeScript 等集成在一起，关注尽可能快地构建完整的应用。v7 包括一个名为 Redwood Studio 的新的可观察性工具，包括 实时 GraphQL 功能，以及更多。

RedwoodJS 社区

React Virtuoso v4.7：用于渲染大量数据集的组件 —— 用于虚拟列表 / 表格的组件，可以有效（和懒加载）地处理大数据集。幸运的是，主页上有一些实时的例子。GitHub 仓库。

Petyo Ivanov

React Tag Autocomplete v7.2 —— 一个灵活、易访问的标签组件，可以方便地引导用户在输入标签时选择正确的方向。查看 在线演示 来看看它的实际效果。

Matt Hinchliffe

react-document-picture-in-picture：一个用于实验性 Web Picture-in-Picture API 的组件 —— 尽管 Document Picture-in-Picture API 还没有得到全面的 浏览器支持，但这是一个机会，如果你想看到某些内容 '保持在顶部'，可以在 React 中试试看。这里有 一个在线演示。

Martin Shaw

react-use-wizard v2.3：一个步骤式向导构建器 —— 主页上有一些例子。

Jonas De Vrient

▶  来看看你是不是够复古？一个介绍在 React 中重建文本冒险类游戏引擎的视频 —— 我们偶然发现这个有趣的于一年前发布的视频，这是 React 又一个非同寻常的使用案例。这既是文本冒险游戏的基础知识的入门（我们理解，不是所有的人都和我们一样老……），又是开发者如何在 React 中建模文本冒险概念的展示。

Mark Makes Stuff

💡 如果你不想看视频，这里有 一个相关的博客文章 和 一个带有代码的 GitHub 仓库。

版本发布：

© 2025 印记中文 | 粤ICP备17008907号-2