React

React 的工作过程#

  • 调和阶段(Reconciler)：官方解释。React 会自顶向下通过递归，遍历新数据生成新的 Virtual DOM，然后通过 Diff 算法，找到需要变更的元素(Patch)，放到更新队列里面去。

Reconciler 的两个阶段：

  1. render/reconciliation
  2. commit
  • 渲染阶段(Renderer)：遍历更新队列，通过调用宿主环境的 API，实际更新渲染对应元素。宿主环境，比如 DOM、Native、WebGL 等。

React18 新特性#

参考链接 1、参考链接 2

  • Automatic batching#

  • Concurrent APIS#

  • SSR for Suspense#

  • New Render API#