17611538698
webmaster@21cto.com

React v18 正式发布

作者 万能的大雄 分类 资讯 04月01日

图片


React 18 已发布,此版本包括开箱即用的改进,如自动批处理,新的 API(如 startTransition)和支持 Suspense 的流式服务器端渲染。

在 React 18 中,用户还可以开始使用 Suspense 在 Relay、Next.js、Hydrogen 或 Remix 等框架中获取数据。官方表示,使用 Suspense 获取临时数据在技术上是可行的,但仍不建议将其作为一般策略。在未来,其可能会公开更多的 primitives,使用户能够更容易用 Suspense 访问数据。

公告指出,其对 Suspense 的愿景始终不仅仅是加载代码——目标是扩展对 Suspense 的支持,以便最终相同的声明式 Suspense fallback 可以处理任何异步操作(加载代码、数据、图像等)。

React 18 的新功能如下:

  • 自动批处理。批处理是 React 将多个状态更新分组到一个重新渲染中以获得更好的性能。默认情况下,Promise、setTimeout、native event handlers 或任何其他事件内部的更新不会在 React 中批处理。使用自动批处理,这些更新将自动批处理

  • Transitions 是 React 中的一个新概念,用于区分 urgent 和 non-urgent updates。

  • 新的 Suspense 功能。如果组件树的一部分尚未准备好显示,Suspense 可以声明方式指定组件树的加载状态。

  • Suspense 使“UI loading state”成为 React 编程模型中的 first-class 声明性概念。

React 18 中在服务器上添加了对 Suspense 的支持,并使用并发渲染特性扩展了它的功能。React 18 中的 Suspense 与 transition API 结合使用时效果最佳。

如果在 transition 期间 suspend,React 将防止已经可见的内容被 fallback 所取代。相反,React 会延迟渲染,直到加载了足够的数据以防止出现错误的加载状态

更多详情可查看官方博客:https://reactjs.org/blog/2022/03/29/react-v18.html


评论