React 19新特性和更新介绍 02 - 服务器组件

React 19新特性和更新介绍 02 - 服务器组件

React 19 于 2024 年 4 月 25 日正式发布，标志着一个重要的里程碑。

此版本带来了各种新功能和改进，以增强开发人员体验和应用程序性能。

React 服务器组件

1. Server Components

React 服务器组件 (RSC) 是 React 中的一项新功能，它允许将应用程序的某些部分在服务器上呈现并发送到客户端。这可以提高性能、减少包大小，并允许更好地与服务器端数据获取集成。

主要改进

• 服务器端渲染

  • 服务器组件完全在服务器上运行。
  • 它们可以直接从数据库、API 或其他服务器端资源获取数据，而无需将此逻辑捆绑到客户端代码中。

• 减少客户端上的 JavaScript

  • RSC 仅将呈现的 HTML 发送到客户端，而不是 JavaScript 逻辑。
  • 这减少了浏览器需要下载和执行的 JavaScript 数量。

• 与客户端组件无缝集成

  • 您可以在同一个应用程序中将服务器组件与传统客户端组件混合使用。
  • 这允许您卸载繁重的服务器端逻辑，同时仍提供交互式客户端功能。

2. Server Actions

React 中的服务器操作（Server Actions）是一项功能，它使服务器端逻辑可以直接从客户端组件运行。
它们通过消除对自定义 API 路由的需求，简化了表单提交、数据库交互和其他与服务器相关的操作等任务。

主要改进

• 无需自定义 API：您无需编写自定义 API 端点或 REST/GraphQL 逻辑。服务器操作原生处理服务器端逻辑。
• 减少样板代码：简化表单提交、验证和错误处理等任务。
• 优化的客户端包：服务器逻辑保留在服务器上，减少了发送到客户端的 JavaScript 数量。

上一篇：React 19新特性和更新介绍 01 - 新特性

https://www.cnblogs.com/eddyz/p/18724550

下一篇：React 19新特性和更新介绍 03 - 改进和增强

https://www.cnblogs.com/eddyz/p/18724608