自顶向下学React源码|思否编程
讲师介绍
卡颂,奇舞团前端工程师,React Contributor,《React技术揭秘》作者。在制作本课程前,已经通过电子书的形式帮助非常多小伙伴学习React源码,广受好评。并形成了上千人的源码学习社群,技术氛围浓郁。
学习React源码,不仅能掌握业界最顶尖前端框架的运行原理,探索前端边界。也能让自己成为业务线React大拿。
从v15~v16重构的Fiber架构,再到v16~v17新增的并发模式,React已经逐渐从UI库变为小型的操作系统。
对于想学习React源码的同学来说,这同时是机遇与挑战。
挑战是:React内部运行流程真的很复杂。
机遇是:学完之后,除了拥有框架开发能力外,你的收获将不限于:
编程范式:函数式编程的代数效应思想
操作系统:如何从零实现协程(fiber架构)
数据结构:链表、树、小顶堆
算法:O(n)的Diff算法、掩码
深入浏览器渲染原理
适用人群
React 技术栈开发者,希望成为业务线 React 大拿的同学
中/高级前端工程师,希望进阶“资深前端工程师”的同学
希望成为比面试官更懂 React 的同学
寻求突破自身舒适区,探寻前端边界的同学
课程目录:
第一章:理念篇
1.1 如何学习React源码.avi
1.2 设计理念.avi
1.3 架构的演进史.avi
1.4 React新架构—Fiber.avi
1.5 Fiber架构工作原理.avi
1.6 如何调试源码.avi
1.7 源码的目录结构.avi
第二章:架构篇之render阶段
2.1 架构工作流程概览.avi
2.2 深入理解JSX.avi
2.3 “递”阶段mount时流程.avi
2.4 “归”阶段mount时流程.avi
2.5 “递”阶段update时流程.avi
2.6 “归”阶段update时流程.avi
第三章:架构篇之commit阶段
3.1 流程概览.avi
3.2 before mutation阶段.avi
3.3 mutation阶段.avi
3.4 layout阶段.avi
第四章:实现篇之Diff算法
4.1 Diff算法流程概览.avi
4.2 单一节点的Diff.avi
4.3 多节点Diff.avi
第五章:实现篇之状态更新
5.1 状态更新流程概览.avi
5.2 优先级与Update.avi
5.3 Update的计算.avi
5.4 ReactDOM.render完整流程.avi
5.5 this.setState完整流程.avi
第六章:实现篇之Hooks
6.1 极简useState实现.avi
6.2 useState与useReducer的实现.avi
6.3 useEffect与useLayoutEffect的实现.avi
6.4 useRef的实现.avi
6.5 useMemo及useCallback的实现.avi
第七章:实现篇之 Concurrent Mode
7.1 scheduler的工作原理及实现.avi
7.2 lane模型的工作原理.avi
7.3 异步可中断更新与饥饿问题.avi
7.4 batchedUpdates的实现.avi
7.5 高优先级更新如何插队.avi
7.6 Suspense的实现.avi
600学习网 » 自顶向下学React源码|思否编程