本节课代码地址 (opens in a new tab)

react内部3个阶段：

• schedule阶段

• render阶段（beginWork completeWork）

• commit阶段（commitWork）

commit阶段的3个子阶段

• beforeMutation阶段

• mutation阶段

• layout阶段

当前commit阶段要执行的任务：

• fiber树的切换

• 执行Placement对应操作

需要注意的问题，考虑如下JSX，如果span含有flag，该如何找到它：

<App>  
 <div>  
  <span>只因</span>  
 </div>  
</App>  

打包ReactDOM

需要注意的点：

• 兼容原版React的导出

• 处理hostConfig的指向