React 19：600天的沉寂后重磅归来！

距离上一次React更新（v18.2版本）已经过去了600多天，这段时间内React团队究竟在忙些什么，一直是React社区好奇的话题。今天，让我们一起来揭秘React团队这段时间的研究成果，看看他们是如何默默努力，为我们带来更多创新和突破。

React编译器：从理论到实践

React编译器起初只是一个研究项目，如今已在Instagram.com的生产环境中得到应用。React团队计划将其应用范围扩展到更多Meta旗下的平台，并准备首次开源发布。

在过去，React通过手动memoization（备忘录模式）来解决状态变化导致的多次重渲染问题。虽然这种方式有效，但它使得代码变得复杂，容易出错，维护工作量大。React团队致力于开发一种优化后的编译器，这种编译器能够在状态变化时，自动且精确地重新渲染UI元素，这更加贴合React的核心原则。

考虑到JavaScript的动态特性，对其进行优化面临着挑战。但React编译器能够安全地模拟JavaScript和React的规则，智能地检测代码是否遵守规则并进行相应的优化。尽管开发者可能偶尔违反规则，编译器的目标是尽可能直接运行代码，确保安全性。

对于那些希望严格遵守React规则的开发者，启用严格模式并配置React的ESLint插件是推荐的做法。这些工具有助于捕获潜在的问题，提升应用质量，为即将到来的特性如React编译器做好准备。

动作（Action）：简化客户端与服务器的交互

React团队正在探索服务器动作（server actions），以便将客户端数据发送到服务器进行数据库更改和表单功能处理。这些API也被扩展到客户端数据处理上，将复杂的功能简化为统一的“动作”。

通过动作，可以轻松地将函数绑定到DOM元素如<form/>标签上，支持同步和异步执行。React团队还引入了useOptimistic用于管理乐观更新，确保跨平台的一致性行为。

<form action={search}>
  <input name="query" />
  <button type="submit">Search</button>
</form>

鼓励库开发者采用动作模式，以确保React开发者获得统一的体验。无论是客户端还是服务器端，React都力求一致性，简化应用在不同环境间的迁移。

React Canary：新特性预览

React Canary引入了一种机制，允许早期采用稳定特性，重塑React的开发过程。像服务器组件、资源加载、文档元数据和动作这样的特性现已可供预览。

下一个大版本：React 19

随着特性的整合和文档化，react@canary已准备好作为react@latest发布，为React 19铺平道路。这个版本将包括备受期待的增强功能和突破性改进，如对Web组件的支持。

活跃模式（Active Mode）

团队将“离线”特性重命名为“活跃”模式，更好地反映其将应用部分标记为“活跃”或“非活跃”的目的。这个特性仍处于研究阶段，等待核心功能完成后，为库开发者进行进一步开发。

结束

我们不难看出React团队在这600多天里并未闲着，而是在为我们准备更多的创新和改进。让我们一起期待React 19的到来，看看这些新特性将如何为我们的开发工作带来便利和灵感。