紫圣

commit阶段的可以分为三个阶段，before mutation 、mutation phase 阶段(挂载阶段)、layout phase 阶段(布局阶段)。

当 workInProgress.tag 的类型为ClassComponent时，调用 updateClassComponent 函数对class组件分成三种情形执行更新操作。

ClassComponent实例未被创建时会调用 constructClassInstance方法构建class组件实例，然后调用mountClassInstance方法挂载class组件实例。

ClassComponent 是初次渲染时，调用 resumeMountClassInstance方法，复用ClassComponent实例，并更新state/props。

ClassComponent实例已经存在，且已经是多次渲染，此时调用updateClassInstance方法执行更新操作，且会执行componentWillUpdate生命周期函数。

执行完ClassComponent的三种更新后，updateClassComponent 最后执行了finishClassComponent()方法来判断是否需要 render，即是否需要渲染组件。

在标准模式下,通过 document.documentElement.scrollTop 获取滚动距离。在怪异模式下，通过document.body.scrollTop 获取滚动距离。

React 源码中有很多常用变量，如标记节点类型的 fiber.tag，标记更新类型的fiber.flags，标记启动模式的fiber.mode 等等。

React应用启动的两种模式：legacy模式和Concurrent模式，这两种模式在启动的过程中都会创建ReactDOMRoot、FiberRoot、HostFiberRoot 三个对象。