React v19 – React

主要观点:React 19 已稳定,介绍了其新特性、改进之处及升级指南。
关键信息和重要细节

  • 新特性

    • Actions:支持在过渡中使用异步函数处理待处理状态、错误、表单和乐观更新,新增useActionState等相关钩子,<form>元素支持actionformActionprops,可自动处理表单。
    • 新钩子useActionState简化了Actions的常见情况处理;useOptimistic用于在异步请求期间显示乐观更新;use可在渲染中读取资源,如Promise和Context。
    • React DOM 静态 API:新增prerenderprerenderToNodeStream用于静态站点生成,改善renderToString
    • Server Components:包括Server Components和Server Actions,前者可提前渲染组件,后者允许Client Components调用服务器上的异步函数。
  • 改进之处

    • ref可作为函数组件的prop,新函数组件无需forwardRef,未来将弃用forwardRef;改进了hydration错误的错误报告,更详细地显示不匹配的差异;可将<Context>作为provider,未来将弃用<Context.Provider>;支持ref回调的清理函数,未来将弃用在组件卸载时调用refnull的方式;useDeferredValue新增initialValue选项;支持文档元数据、样式表、异步脚本和预加载资源;提高了与第三方脚本和扩展的兼容性,改善了错误报告,添加了新的根选项处理错误。
  • 升级指南:查看React 19 Upgrade Guide获取详细的升级步骤和更改列表。
  • 更新信息:此帖子最初于 2024 年 4 月 25 日发布,已更新至 2024 年 12 月 5 日以反映稳定版本。
阅读 7
0 条评论