自顶向下学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

免责声明: 1、本站信息来自网络,版权争议与本站无关 2、本站所有主题由该帖子作者发表,该帖子作者与本站享有帖子相关版权 3、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和本站的同意 4、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责 5、用户所发布的一切软件的解密分析文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。 6、您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。 7、请支持正版软件、得到更好的正版服务。 8、如有侵权请立即告知本站,本站将及时予与删除 9、本站所发布的一切破解补丁、注册机和注册信息及软件的解密分析文章和视频仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理。
600学习网 » 自顶向下学React源码|思否编程