react原理

这篇文章讲一下render阶段的第二部分：completeUnitOfWork。 react的render阶段，会按照先序遍历的顺序构建fiber树，当workInProgress指针来到一个叶子节点

讲解完函数组件和类组件是如何计算状态更新之后，这篇文章讲一下reconcile的流程，也就是我们俗称的diff算法。 类组件的diff入口在finishClassComponent中 对于函数组件，会

这篇文章将函数组件的更新，也就是hooks的原理。 函数组件更新的入口为updateFunctionComponent，这个方法主要就是调用了renderWithHooks，而renderWithHo

这篇文章会分别讲解一个类组件是如何创建和更新的，也就是类组件的初次挂载和后续更新的流程。 首先看更新类组件的入口：updateClassComponent 上面的注释已经把各个函数的调用阶段说的比较明

ReactDOM.render这篇文章中提到过react更新流程中的render阶段。render阶段这个名字，很容易让人们认为这是react会在这个阶段渲染页面，其实不然，render阶段是reac

这篇文章讲解以下react的合成事件机制。一提到合成事件，有些人可能就会简单的认为，react合成事件就是为我们提供了一个兼容不同浏览器的事件对象。但其实合成事件机制并没有这么简单，比如看下面的代码输

这篇文章来看一下react应用的入口：ReactDOM.render的流程。ReactDOM.render主要做了三件事：创建整个应用的根fiber节点：fiberRoot，合成事件的处理以及挂载应用

看react源码有一段时间了，写篇文章总结一下，也希望能帮到大家。这是react原理系列的第一篇，主要讲解一下react的基本架构，让大家有一个整体的认识。 什么是fiber，为什么要使用fiber