杨艺韬

本课程高度还原了React18的核心实现，函数名、调用关系、文件名、目录名都和原版源码保持高度一致，可以说这是源码学习最顶级的方式了，在这里把这门课程介绍给大家，希望能对各位的职业生涯带来积极影响。

有些非前端朋友希望介入一些前端的工作，可以参考本文，拟定一个初步的学习计划。本文会阐述前端的本质，希望能帮助大家打开前端知识的大门

本文将会先分析模版字符串对应的AST转化成可以描述js代码的AST，接着分析根据转化后的AST生成代码的过程

本文先会分析`Vue3`的编译过程主要包含哪些环节，理解了主体环节后，再带着大家深入分析`AST`的生成过程

本文会从一段模版代码开始，先后讲解patchflag、Block、Block Tree实现原理，帮助大家理解编译优化

本文会从函数patchChildren函数讲起，先让大家理解该函数的核心功能。接着分析diff算法的具体实现

本文会带着大家分析`processElement`和`processComponent`这两个函数的大部分源码实现

本文会带着大家进入`render`函数，先从从总体上把握**Vue3**的渲染核心流程以及部分源码实现细节

本文会讲到`runtime-dom`和`runtime-core`之间的代码协作关系，以及`createApp`函数的具体实现逻辑，实现逻辑讲到对`render`函数的调用为止。