Rostian 发表于 2023-8-18 12:40:01

650.png

课程目录:
通过手写5000+源码,深入理解 React 内部机制,提升 React 复杂代码设计能力

市面上的很多课程只是分析源码实现的表像,而缺乏对背后规律的探索,这加剧了大家关于源码难学的认知。这门课不仅帮助大家理解 React18 的源码实现,还可以透过现象看到本质,掌握源码背后的思想和规律。同时具备设计前端框架的能力,以及轻松阅读其他前端库的源码的能力,最终提高你的代码开发及设计水平,为成长为前端架构师做好准备。

课程大纲:
第1章 课程简介 试看1 节 | 8分钟
导学介绍课程内容,及你所获得~

1-1 导学 (07:34)

第2章 登高望远,手写源码前的思想准备8 节 | 54分钟
建立全局观,为后续在源码中吸取精华做好思想准备,避免就源码而分析源码。

第3章 原始版-初始化渲染:实现最原始的渲染过程11 节 | 122分钟
实现初次渲染的基础逻辑,初步体验源码的魅力。

第4章 原始版-引入函数组件与类组件提升渲染能力17 节 | 205分钟
理解类组件与函数组件的本质,理解组件在React中的地位。

第5章 原始版-对渲染过程进行优化-DOM DIFF11 节 | 147分钟
DOM DIFF是React进行性能优化的一个重要举措,也是面试的常考点。

第6章 原始版-类组件的增强:生命周期14 节 | 134分钟
为类组件添加生命周期的能力,增强类组件的功能。

第7章 原始版-进一步探索对渲染过程的性能优化9 节 | 84分钟
性能优化的思想贯穿React源码学习的始终。

第8章 原始版-引入日常开发的利器:Hooks15 节 | 135分钟
Hooks在日常开发中已经取代了类组件,可以说是函数式编程的胜利。

第9章 React18-React 性能革命:Fiber 架构的设计理念9 节 | 62分钟
Fiber 架构,是 React 性能提升的里程碑,掌握其思想,为后续手写源码打下基础。

第10章 React18-初始化渲染27 节 | 416分钟
Fiber架构下的初始化渲染与原始版的初始化渲染有什么不同?

第11章 React18-合成事件系统 12 节 | 156分钟
事件合成系统为什么存在?其理论基础是什么?

第12章 React18-组件更新内容更新中
Fiber架构下的更新流程,相较于原始版多了哪些环节。

第13章 React18-Hooks内容更新中
Fiber架构下的Hooks,其代码组织结构有什么特征?

第14章 React18-并发模式与时间切片内容更新中
时间切片的底层原理是什么?并发模式有什么意义?

第15章 React18-Lane模型与优先级内容更新中
二进制在Lane模型中的妙用。

第16章 React18-事分轻重缓急:调度系统内容更新中
最小堆算法的利用,与工作循环的良好配合。


本主题需向作者支付 35 学币 才能浏览 购买主题
页: [1]
查看完整版本: 650 React18内核探秘:手写React高质量源码迈向高阶开发 价值599