【目录】React source code

Last updated: 2021-11-02
IntroductionReact
CC BY-NC 4.0 feedback

目录

流程

  1. jsx 与 React: 了解 JSX 与 React 的关系
  2. Fiber: 了解 Fiber 结构
  3. reconciliation: React 调度更新任务（首次构建也是一次更新）的阶段
  4. commit: 当调度完成后，React 提交给页面以供渲染
  5. rerender: 触发 React 的更新，将更新渲染到页面
  6. scheduler: React 的 Scheduler 机制
  7. lane: React 的优先级模型

技术实现

  1. diff: React Diff 算法

  2. before you memo: 进入 Diff 之前，React 如何判断节点可复用

  3. synthetic-event: React 合成事件实现

  4. 位运算: 位运算在 React 中的实践

  5. hooks: React Hooks 简要入门

    1. useState, useReducer
    2. useMemo
    3. useCallback
    4. useRef
    5. useEffect
    6. useContext
    7. useTransition

React 生态

参考

  1. React 官方文档
  2. React 技术揭秘