#架构

#react 理念-快速响应

  • cpu 时间切片
  • io suspense

都需要将同步的更新变为可中断的异步更新

#15

  • Reconciler(协调器 Stack Reconciler)—— 负责找出变化的组件
  • Renderer(渲染器)—— 负责将变化的组件渲染到页面上

是递归不可中断的更新,每个 dom 渲染后再渲染下一个 dom

#16

  • Scheduler(调度器)—— 调度任务的优先级,高优任务优先进入 Reconciler
  • Reconciler(协调器 Fiber Reconciler)—— 负责找出变化的组件
  • Renderer(渲染器)—— 负责将变化的组件渲染到页面上

是递归可中断的更新,浏览器有空闲时间的时候遍历 fiber 打上标记,遍历完成后统一渲染