# 前言

Hello,大家好,我是小丞同学!半年时间,带来了一个新的专栏:React 源码解析
这段时间,一直在深入 React 源码学习,学习了卡颂老师的 React 技术揭秘 (opens new window)、外星人老师的 React 进阶实践指南小册 (opens new window)等优秀的博文。最终结合自己的理解和思考,写下了这个专栏,希望我的理解能够为你的源码学习之路带来一定的启发。
文中内容如有错误之处,欢迎指出,我们共同成长,一起进步。

# 文章列表

# 一、React 哲学

  • ✅ React 设计理念
  • ✅ React Fiber 架构

# 二、Render 阶段

  • ✅ Render 阶段 -- beginWork
  • ✅ Render 阶段 -- completeWork

# 三、Commit 阶段

  • ✅ 流程概览
  • ✅ Before Mutation 阶段
  • ✅ Mutation 阶段
  • ✅ Layout 阶段

# 四、Diff 算法

  • ✅ Diff 算法概览
  • ✅ 单一节点的 Diff
  • ✅ 多节点的 Diff

# 五、状态更新

  • ✅ 状态更新流程概览
  • ✅ 优先级更新
  • ✅ 状态更新调度源码解析

# 六、Scheduler 模块

  • 🖍 Scheduler 核心流程概览
  • 🖍 Scheduler 调度源码解析

# 七、Hooks 实现

  • 🖍 Hooks 实现原理
  • 🖍 useContext 源码解读
  • 🖍 useState 源码解读
  • 🖍 useReducer 源码解读
  • 🖍 useLayoutEffect 源码解读
  • 🖍 useEffect 源码解读
  • 🖍 useRef 源码解读
  • 🖍 useMemo 源码解读
  • 🖍 useCallback 源码解读

# 八、事件系统

  • 🖍 React 事件原理
  • 🖍 源码解读

# 九、Context 状态管理

  • 🖍 Context 实现原理
  • 🖍 Context 源码解析

# 十、未完待续

  • 🖍 React Redux 实现原理
  • 🖍 React Mobx 实现原理
  • 🖍 React Router 实现原理
  • 🖍 ....

# 后续

以上就是本专栏的文章更新目录,会同步更新,欢迎大家关注
如对文章内容有异议,欢迎讨论~

lastUpdate: 6/12/2022, 3:28:00 AM