React18优化点大汇总

React 16引入了新的调和阶段，优化了Diff算法，以及其他的一些优化。React 17进一步优化了Diff算法，并引入了新的并发渲染机制（通过引入新的react-dom包）。React 18进一步改进了Suspense的用户体验，比如支持更多的并发更新模式，以及提供了新的服务端渲染特性。

以下是一些主要的优化点和特性概述：

1. React 16:

   • 调和阶段分离：将原来的shouldComponentUpdate和componentWillMount等生命周期函数分离成两个不同的阶段。
   • 新的React DOM渲染器：使用了新的优先级和任务调度算法。
   • 提升了Diff算法的性能。

2. React 17:

   • 新的Diff算法：引入了“Lanes”机制，允许React同时执行多个更新，并且每个更新可以设置优先级。
   • 并发渲染：通过新的react-dom包提供，允许React应用在服务器端渲染时进行多个更新的并发处理。

3. React 18:

   • 服务端渲染的改进：支持在服务端并发地渲染更多的组件。
   • 对Suspense的改进：包括在客户端渲染时的错误边界处理，以及提高加载状态的可控性。
   • 提供了一个新的指令createRoot，用于在React 18应用中创建根节点，以支持更多的并发特性。

由于这些优化通常是在底层自动执行的，因此开发者通常不需要做太多事情来利用这些优化。然而，开发者可以通过使用新的React特性（如React 17的并发渲染特性）来显式地利用这些优化。对于React 18的Suspense改进，开发者可以更好地控制加载状态，提供更流畅的用户体验。