React 源码 - 状态更新流程

150 阅读1分钟
timeline
  title 整体流程
  触发更新 
      : ReactDOM.render
      : this.setState
      : this.forceUpdate
      : useState
      : useReducer
     
  创建 update 对象
      : dispatchAction
      : scheduleUpdateOnFiber 在Fiber中调度 update
      
  fiber 到 root
      : markUpdateLaneFromFiberToRoot
      
  调度阶段 
      : ensureRootIsScheduled
      : performSyncWorkOnRoot
      : renderRootSync
      : workLoopSync
      : performUnitOfWork
      : beginWork 进入render阶段
      
  render阶段 
      : performSyncWorkOnRoot 处理同步函数
      : performConcurrentWorkOnRoot 处理异步函数
      : beginWork render阶段起始函数
      
  commit阶段 : Twitter
      : completeWork commit阶段起始函数