图解React: https://7km.top/main/bootstrap/

两大工作循环

Untitled

运行核心

启动过程

Untitled

三种模式:

  1. legacy模式
  2. Blocking模式
  3. Concurrent模式

创建全局对象:

  1. ReactDOMRoot
  2. fiberRoot
  3. HostRootFiber

创建fiberRoot对象

创建HostRootFiber

调用更新入口

未开启blocking和concurrent模式情况下,unsafe勾子是不会执行多次的

Reconciler运作流程