Reread **React** source code (Ⅲ)

Big fronter

Posted by lanbery on October 29, 2020

React



React 生命周期

Mount

  • render

  • commit

Update

  • render

  • commit

State 更新流程

  • this.state
  • update & updateQueue
  • rootFlber 向上遍历
  • 调度
  • 状态计算 computed

hooks

hooks 的数据结构 & 挂载

useState/useReducer

useEffect/useLayoutEffect

useRef

useMemo/useCallback


scheduler & Lane

  • 时间切片
  • 任务调度
  • 任务中断恢复
  • Lane优先级
  • 任务插队
  • 饥饿问题

concurrent 模式

concurrent 架构

batchedUpdate

Suspense

  • Suspense 悬念

context

cursor/valueStack

useContext

provide/customer

事件系统

事件注册

事件绑定

事件触发