自顶向下学 React 源码课程介绍
学习React源码，不仅能掌握业界最顶尖前端框架的运行原理，探索前端边界。也能让自己成为业务线React大拿。本课基于最新源码，本课程基于最新 React17.0.0-alpha 设计，全网稀缺。React17 发布的 Concurrent Mode 是React 前几年的努力方向，也是未来几年的发展方向。市面上目前还没有 React17 源码级别的课程。本课由整理发布，网盘无密下载。
相关课程推荐
React 配置化+Serverless 开发个人博客
Next.js+React+Node系统实战，搞定SSR服务器渲染
小码哥React核心技术与开发实战
课程大纲
理念篇：React的设计理念及架构体系
React的设计理念
为了满足设计理念，这些年React架构的演进历程
新的React架构是如何设计的
架构篇：React架构的工作流程
React架构render阶段的完整流程
React架构commit阶段的完整流程
实现篇：具体功能的源码实现
Diff算法的实现
状态更新相关API的实现
Hooks的实现
Concurrent Mode的实现
你的收获
编程范式：函数式编程的代数效应思想
操作系统：如何从零实现协程（fiber架构）
数据结构：链表、树、小顶堆
算法：O(n)的Diff算法、掩码
深入浏览器渲染原理
自顶向下学 React 源码课程目录
第一章 理念篇
1.1 如何学习React源码.mp4
1.2 设计理念.mp4
1.3 架构的演进史.mp4
1.4 React新架构—Fiber.mp4
1.5 Fiber架构工作原理.mp4
1.6 如何调试源码.mp4
1.7 源码的目录结构.mp4
第二章 架构篇之render阶段
2.1 架构工作流程概览.mp4
2.2 深入理解JSX.mp4
2.3 “递”阶段mount时流程.mp4
2.4 “归”阶段mount时流程.mp4
2.5 “递”阶段update时流程.mp4
2.6 “归”阶段update时流程.mp4
第三章 架构篇之commit阶段
3.1 流程概览.mp4
3.2 before mutation阶段.mp4
3.3 mutation阶段.mp4
3.4 layout阶段.mp4
第四章 实现篇之Diff算法
4.1 Diff算法流程概览.mp4
4.2 单一节点的Diff.mp4
4.3 多节点Diff.mp4
第五章 实现篇之状态更新
5.1 状态更新流程概览.mp4
5.2 优先级与Update.mp4
5.3 Update的计算.mp4
5.4 ReactDOM.render完整流程.mp4
5.5 this.setState完整流程.mp4
第六章 实现篇之Hooks
6.1 极简useState实现.mp4
6.2 useState与useReducer的实现.mp4
6.3 useEffect与useLayoutEffect的实现.mp4
6.4 useRef的实现.mp4
6.5 useMemo及useCallback的实现.mp4
第七章 实现篇之Concurrent Mode
7.1 scheduler的工作原理及实现.mp4
7.2 lane模型的工作原理.mp4
7.3 异步可中断更新与饥饿问题.mp4
7.4 batchedUpdates的实现.mp4
7.5 高优先级更新如何插队.mp4
7.6 Suspense的实现.mp4
README.md
资源目录截图：
评论0