React 18 有什么新的特性?来看看更新详解

React 18 有什么新的特性?来看看更新详解
最新回答
山川志

2021-11-17 23:08:28

React 18的新特性主要包括以下几点:

  1. 并发渲染能力的提升

    • 引入了createRoot API:替代了之前的render函数,从reactdom/client模块导入,赋予了更好的用户体验,并启用了并发渲染特性。
    • 并发渲染器:支持后台并行渲染,提高了性能和状态转换的平滑度。
  2. 性能优化

    • 自动批处理功能:使得状态更新在非React事件监听器中进行,可能需要调整依赖于中间状态刷新的代码,但总体上优化了性能。
    • 服务端渲染改进:如与Suspense的协同工作和零打包体积的服务器组件,有望进一步优化性能和加载时间。
  3. API和渲染回调的调整

    • createRoot API带来的变化:涉及一些API和渲染回调的调整,开发者需要适应新的API使用方式。
  4. 浏览器支持变化

    • 不再支持IE浏览器:React 18对现代浏览器的支持更加专注,不再兼容IE浏览器。
  5. 严格模式变更

    • 严格模式变得更严格:对组件的可重用状态测试加强,以适应未来可能的特性变化。
  6. 智能UI更新和用户体验

    • Transition和Suspense特性:分别配合状态管理和异步加载,提供更智能的UI更新和用户体验。

这些新特性旨在帮助开发者构建更高效、更流畅的React应用,同时也展示了React生态系统不断进化的活力。