Reread React source code (Ⅱ)

Big fronter

Posted by lanbery on October 25, 2020

React

egacy & concurrent 模式入口函数

Fiber 架构

Fiber 数据结构

Fiber 双缓存模型(mount & update 的构建与更新流程)

render 阶段

递归流程

beginWork

completeWork

Diff 算法

单节点 Diff

多节点Diff

Commit 阶段

前置工作

mutation

mutation effect 突变效应

  • commitBeforeMutationEffects
  • commitMutationEffects
  • commitLayoutEffects

收尾工作