admin 发表于 2023-8-12 01:35:04

思否编程-自顶向下学 React 源码(完结)



思否编程-自顶向下学 React 源码
课程收获
学习React源码,不仅能掌握业界最顶尖前端框架的运行原理,探索前端边界。也能让自己成为业务线React大拿。
从v15~v16重构的Fiber架构,再到v16~v17新增的并发模式,React已经逐渐从UI库变为小型的操作系统。
对于想学习React源码的同学来说,这同时是机遇与挑战。
挑战是:React内部运行流程真的很复杂。


适用人群
1:React 技术栈开发者,希望成为业务线 React 大拿的同学
2:中/高级前端工程师,希望进阶“资深前端工程师”的同学
3:希望成为比面试官更懂 React 的同学
4:寻求突破自身舒适区,探寻前端边界的同学

试看链接:https://pan.baidu.com/s/1KiZbDmRx1mryPN0XKYoplw?pwd=fvor

章节目录:
第一章:理念篇

1.1 如何学习React源码
8 分钟
公开课

1.2 设计理念
8 分钟


1.3 架构的演进史
9 分钟


1.4 React新架构—Fiber
9 分钟


1.5 Fiber架构工作原理
10 分钟


1.6 如何调试源码
6 分钟


1.7 源码的目录结构
第二章:架构篇之render阶段

2.1 架构工作流程概览
7 分钟


2.2 深入理解JSX
14 分钟


2.3 “递”阶段mount时流程
19 分钟


2.4 “归”阶段mount时流程
9 分钟


2.5 “递”阶段update时流程
17 分钟


2.6 “归”阶段update时流程
15 分钟
第三章:架构篇之commit阶段

3.1 流程概览
12 分钟


3.2 before mutation阶段
4 分钟


3.3 mutation阶段
13 分钟


3.4 layout阶段
14 分钟
第四章:实现篇之Diff算法

4.1 Diff算法流程概览
8 分钟


4.2 单一节点的Diff
12 分钟


4.3 多节点Diff
26 分钟
第五章:实现篇之状态更新

5.1 状态更新流程概览
11 分钟


5.2 优先级与Update
10 分钟


5.3 Update的计算
25 分钟


5.4 ReactDOM.render完整流程
10 分钟


5.5 this.setState完整流程
2 分钟
第六章:实现篇之Hooks

6.1 极简useState实现
18 分钟


6.2 useState与useReducer的实现
15 分钟


6.3 useEffect与useLayoutEffect的实现
17 分钟


6.4 useRef的实现
12 分钟


6.5 useMemo及useCallback的实现
4 分钟
第七章:实现篇之 Concurrent Mode

7.1 scheduler的工作原理及实现
20 分钟


7.2 lane模型的工作原理
6 分钟


7.3 异步可中断更新与饥饿问题
22 分钟


7.4 batchedUpdates的实现
14 分钟


7.5 高优先级更新如何插队
11 分钟


7.6 Suspense的实现
18 分钟


来源: 思否编程-自顶向下学 React 源码(完结)
页: [1]
查看完整版本: 思否编程-自顶向下学 React 源码(完结)