专栏介绍
前言
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 实现原理
- 🖍 ....
后续
以上就是本专栏的文章更新目录,会同步更新,欢迎大家关注
如对文章内容有异议,欢迎讨论~