课程简介
曾有大牛说过:“前端领域十八个月难度翻一倍。”作为前端工程师,如果将自己的定位局限在“熟练使用技术栈完成业务”,那么随着技术革新,慢慢会陷入“学不动了”的境地。这个问题如何解决呢?答案是:探索前端的边界。
在业务之外,前端还有很多富有挑战与机遇的领域,包括但不限于:全栈、移动端、工程化、可视化、框架开发。熟练完成业务并且深入前端某一领域,也是“资深前端工程师”必须掌握的能力。在这些领域中,与我们日常开发关系最密切的,便是“框架开发”了。
课程大纲
理念篇:React的设计理念及架构体系
React的设计理念
为了满足设计理念,这些年React架构的演进历程
新的React架构是如何设计的
架构篇:React架构的工作流程
React架构render阶段的完整流程
React架构commit阶段的完整流程
实现篇:具体功能的源码实现
Diff算法的实现
状态更新相关API的实现
Hooks的实现
Concurrent Mode的实现
讲师介绍
卡颂,奇舞团前端工程师,React Contributor,《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
评论0