争霸爱好者

在网上看到了很多前后端协作规范的文章，比如约定code的含义，约定请求方法等等。其实这些内容都是比较基础和偏底层的，我们在公司开发需求时，一般都是在已有项目上进行开发，上面提到的很多内容其实已经搭建好

以一个项目中实际的例子，介绍如何使用React插槽和PureComponent优化你的React代码

不知道大家在学习react源码的时候有没有这样的感觉：fiber对象的结构太复杂了，不仅是属性繁多，而且有些属性还是个巨复杂的对象。我在学习hooks的时候，这种感觉尤为强烈。那么，这篇文章就以fib

点击这里进入react原理专栏 写这篇文章的灵感来自于今天刚刚看到的一篇文章：React 中 setState 是一个宏任务还是微任务？。这篇文章讲的还挺好的，推荐大家看一看。那么，这里我来说一下自己

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

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

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

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

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