React18内核探秘：手写React高质量源码迈向高阶开发

课程介绍

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

第1章 课程简介

导学介绍课程内容，及你所获得~

第2章 登高望远，手写源码前的思想准备

建立全局观，为后续在源码中吸取精华做好思想准备，避免就源码而分析源码。

第3章 原始版-初始化渲染：实现最原始的渲染过程

实现初次渲染的基础逻辑，初步体验源码的魅力。

第4章 原始版-引入函数组件与类组件提升渲染能力

理解类组件与函数组件的本质，理解组件在React中的地位。

第5章 原始版-对渲染过程进行优化-DOM DIFF

DOM DIFF是React进行性能优化的一个重要举措，也是面试的常考点。

第6章 原始版-类组件的增强：生命周期

为类组件添加生命周期的能力，增强类组件的功能。

第7章 原始版-进一步探索对渲染过程的性能优化

性能优化的思想贯穿React源码学习的始终。

第8章 原始版-引入日常开发的利器：Hooks

Hooks在日常开发中已经取代了类组件，可以说是函数式编程的胜利。

第9章 React18-React 性能革命：Fiber 架构的设计理念

Fiber 架构，是 React 性能提升的里程碑，掌握其思想，为后续手写源码打下基础。

第10章 React18-初始化渲染

Fiber架构下的初始化渲染与原始版的初始化渲染有什么不同？

第11章 React18-合成事件系统

事件合成系统为什么存在？其理论基础是什么？

第12章 React18-组件更新

Fiber架构下的更新流程，相较于原始版多了哪些环节。

第13章 React18-Hooks

Fiber架构下的Hooks，其代码组织结构有什么特征？

第14章 React18-Lane模型与优先级

二进制在Lane模型中的妙用。

第15章 React18-调度系统

调度系统。

第16章 React18-并发渲染

最小堆算法的利用，与工作循环的良好配合。