用户6136685467191

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

上一章讲解了React源码解析系列(十一) -- react生命周期与事件系统的解读，这使得我们对React生命周期，事件系统更加清晰了一些，React作为一个流行的框架，...

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

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

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

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

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

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

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

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

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

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

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

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

与Redux(如果你想深入探究一下Redux你可以看React源码解析系列(九) -- Redux的实现原理与简易模拟实现这篇文章)一样，vuex也是一个公共状态管理库，p...

为了解决这个问题，我们的解决方案是--根据真实DOM生成一颗virtual DOM，当virtual DOM某个节点的数据改变后会生成一个新的Vnode，然后Vnode和o...

上一章Vue源码解析系列(七) -- 模板tamplate在解析的时候做了哪些优化我们讲了optimize静态打点优化，以便于后期虚拟dom进行diff算法时候跳过当前静态...

上一章Vue源码解析系列(六) -- 模板tamplate是如何解析编译的我们讲了tamplate经过parse函数解析，经过词法分析、语法分析生成了AST对象，那么我们这...

首先通过while (html)去循环判断html内容是否存在。 //通过传入变量n来截取字符串，这也是Vue解析的重要方法，通过不断地分割html字符串，一步步完成对他的...