update

Author: zhengjitf

design/commit.md

@@ -38,6 +38,8 @@
 2. `layout` 阶段之后将 `effectList` 赋值给 `rootWithPendingPassiveEffects`
 3. `scheduleCallback` 触发 `flushPassiveEffects`，`flushPassiveEffects` 内部遍历 `rootWithPendingPassiveEffects` -->
 
+注：`commitBeforeMutationEffects` 同 `render` 阶段先递再归，深度优先，先深入到第一个（叶子）节点，进行处理后再往上找到父子节点的相邻节点（sibling）往下深入，如此循环这个过程，直到返回 root 节点
+
 ### mutation阶段（执行DOM操作）
 
 
@@ -66,8 +68,10 @@
 
 当 `fiber.tag` 为 `FunctionComponent`，会调用 `commitHookEffectListUnmount` 。该方法会遍历 `effectList`，执行所有`useLayoutEffect` hook的销毁函数 -->
 
+注：`commitMutationEffects` 遍历过程同 `commitBeforeMutationEffects`
+
 ### layout阶段（执行DOM操作后）
-#### `commitLayoutEffects` => `commitLifeCycles`
+#### `commitLayoutEffects`
 
 > **关键词**：`componentDidMount`, `componentDidUpdate`,`useLayoutEffect`, `ref`
 
@@ -84,3 +88,5 @@
 **HostRoot**：
 1. 触发 `ReactDOM.render` 第三个参数指定的回调函数
 
+注：`commitLayoutEffects` 遍历过程同 `commitBeforeMutationEffects`
+

design/render.md

@@ -17,6 +17,8 @@ render 阶段开始于 `performSyncWorkOnRoot` 或 `performConcurrentWorkOnRoot`
 
 “递”和“归”阶段会交错执行直到“归”到 `rootFiber`。至此，`render` 阶段的工作就结束了
 
+注：在这个阶段如果是 mount，会为 `HostComponent` 创建对应的 dom（具体见 `createInstance`），挂载到 fiber.stateNode 上，并将子元素（dom）append 到该 dom （具体见 `appendAllChildren`）
+
 ## 组件什么时候 render ？
 **所有类型的组件**：
 更新组件时，当满足如下条件时，会跳过 `render`，直接复用之前的 `fiber`：（注：这些判断逻辑在 `beginWork` ）