Skip to content
On this page

专栏介绍

前言

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

文章列表

一、React 哲学

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

二、Render 阶段

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

三、Commit 阶段

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

四、Diff 算法

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

五、状态更新

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

六、Scheduler 模块

  • ✅ Scheduler 实现原理
  • ✅ Scheduler 源码解析

七、Hooks 实现

  • ✅ Hooks 实现原理
  • ✅ useState 源码解读
  • ✅ useReducer 源码解读
  • ✅ useContext 源码解读
  • ✅ useLayoutEffect 源码解读
  • ✅ useEffect 源码解读
  • ✅ useRef 源码解读
  • ✅ useMemo & useCallback 源码解读
  • ✅ useTransition 源码解读
  • ✅ useId 源码解读

八、事件系统

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

九、Context 状态管理

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

十、未完待续

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

后续

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

Released under the MIT License.