【译文】React 18 简介

·  阅读 559
【译文】React 18 简介

React 18目前已经在alpha版本阶段,预计今年末会有正式大版本发布,还没学习的小伙伴赶紧点进来看看,来了解concurrent mode、transition以及一些有用的新特性吧

概述

这篇文章旨在概述 React 18 的计划,并作为讨论中其他主题的跳转点。在高层次上,React 18 包括对现有功能的开箱即用的改进。它也是第一个添加对并发功能支持的 React 版本,这让您可以以 React 以前不允许的方式改善用户体验。

并发功能是可选的,可以逐渐采用。

开箱即用的改进

React 18 将包括开箱即用的改进:

大多数应用程序应该能够使用New Root API升级到 React 18,并立即看到这些改进带来的好处。

一旦在 React 18 上你就可以开始使用并发特性了!

并发功能

React 18 将是第一个添加对并发功能的选择支持的 React 版本,例如:

  • startTransition:让您在昂贵的状态转换期间保持 UI 响应。
  • useDeferredValue 让您推迟更新屏幕上不太重要的部分。
  • <SuspenseList> :让您协调加载指示器出现的顺序。

您可以在树的一小部分开始使用这些功能,而无需为整个应用程序启用严格模式。

注意:如果您熟悉并发“模式”,请参阅: 并发“模式”发生了什么

用于数据获取的 Suspense 怎么样?

React 18 版本包括与 相关的基础工作<Suspense>,但可能还不包括推荐的数据获取解决方案。一个完整的解决方案需要包括Server Components和一个内置的 Cache,而这些项目仍在进行中。我们希望在 18.x 时间线内完成它们,但不一定在 18.0 初始版本中完成。

有关<Suspense>React 18 中的完整详细信息,请参阅此答案

如何升级

升级到 React 18 将与任何 React 主要版本相同,例如 16 和 17(通过更新到最新的 React 18 版本,并附加从 切换ReactDOM.render到 的步骤ReactDOM.createRoot。升级后,我们建议您像往常一样进行升级测试清除开箱即用的改进所带来的任何问题。

具体技术升级指南见:

升级到 React 18 后,您可以开始使用并发功能:

  • 即将推出:如何逐步使用并发功能
  • 即将推出:面向库作者的并发 React。

相关文章

原文地址:github.com/reactwg/rea…

分类:
前端
标签: