React17.0.2源码解析系列

前言 本章主要带大家来一起看一下React官方提供的快速开发脚手架，因为CRA本身构建出来的工程化项目只是包含了基础的页面包，像路由、状态管理库等都是没有的，他也不像vue-cli一样能够支持可选项配

本文就是对react17.0.2的源码进行解读，分析流程，水边画画流程图，本文就是对react17.0.2的源码进行解读，分析流程，水边画画流程图

同作为MVVM框架，React相比于Vue来讲，上手更需要JavaScript功底深厚一些，欢迎阅读Vue源码解析系列，本系列将阅读React相关源码，从jsx -> VDom -> RDOM等一些列

上一章节 # React源码解析系列(一) -- babel解析jsx的那些事儿讲述了v16以及之前的版本、v17以及之后的版本的babel解析jsx的方式，阅读了React.createElemen

上一章节# React源码解析系列(二) -- 初始化组件的创建更新流程讲解了React源码里面的ReactDOM.render()方法的实际调用流程，再者分为初始化创建与更新，并且我们也去看了Cla

上一章我们讲解了React的Fiber架构# React源码解析系列(三) -- fiber架构解读，对我们本章讲解React更新来说很有帮助，我们前面说到了，不管是ReactDOM.render()

上一章讲解了React源码解析系列(四) -- render阶段的协调与调度，我们知道了React在处理同步异步的时候的区别，以及如何实现js线程空闲调度的，这一章就来讲讲React在协调阶段的beg

上一章讲解了 # React源码解析系列(五) -- reconcileChildren的解读，我们知道React在处理新的newChild和老的fiber的时候的处理机制，也学习了他的diff过程以

上一章讲解了React源码解析系列(六) -- Vdom到Rdom的解读，我们知道了对于一个基础标签React是怎么创建出来的，到目前为止我们生成的fiber树上面具有属性、状态、副作用标签等，那么应

前面七章主要讲了React的执行原理，从ReactDOM.render()开始，mount阶段创建Fiber树与update阶段更新Fiber树，render阶段的reconciler与schedul

上一章讲解了React源码解析系列(八) -- 深入hooks的原理的部分api的使用与实现原理，这一章我们要来讲讲Redux，在本文开始之前，我们应该了解一下Redux的作用与用法场景。 Redux

上一章讲了React源码解析系列(九) -- Redux的实现原理与简易模拟实现的基本原理与部分api的实现，但是为什么仅仅Redux是不够支持大型项目开发的，主要的原如下： 因为我们知道在Redux

上一章讲了React源码解析系列(九) -- Redux的实现原理与简易模拟实现的基本实现原理，并在最后我们也去实现了其中的getState、dispatch、subscribe等方法，基本上可以实现

上一章讲解了React源码解析系列(十一) -- react生命周期与事件系统的解读，这使得我们对React生命周期，事件系统更加清晰了一些，React作为一个流行的框架，在国内国外都享有盛名，无非归

前言 当你看到这一章的时候，也就表明React17.0.2的源码解析系列文章圆满完成。从2021年3月开始，我就着手着React源码系列的工作，距今已经有一年多了，在这一年多的时间里做的只有工作、生活