React 是实现了组件的前端框架，它支持 class 和 function 两种形式的组件。 class 组件是通过继承模版类（Component、PureComponent）的方式开发新组件的，这

如果使用 docker 来部署一个自己的私有仓库大概率会遇到很多坑，本文章记录下来我搭建下来的过程中所遇到的问题和解决方法。当然了，重点当搭建一个私有仓库的过程。 1、环境 服务器：CentOS Li

前言 React 16.8 版本之前 关于多次调用 setState 时候逻辑，里面有一个优化性能，批量更新的优化，我们就来看看，到底底层的逻辑是什么，本次的例子是运行在 React 15 版本上，看

React Fiber 是Facebook花费两年余时间对 React 做出的一个重大改变与优化，是对 React 核心算法的一次重新实现。

React Fiber 是 React 核心算法的持续重新实现。它是React 团队超过两年的研究结果。 React Fiber 的目的是增强对类似动画、布局和手势操作这些场景的适应性。他的头个特性是渐进式渲染：将渲染工作拆分成块并将其分散到多个帧的能力。 其他主要特性包括在新…

主要说一说React中使用特定数据结构实现的功能以及内部工作原理。代码示例基本都是简化后的源码，只保留了关键逻辑，同时会附带源代码链接。 React版本为17.0.2。 开始前需要了解 ReactEl

前言 本次React源码参考版本为17.0.3。 React架构前世今生 查阅文档了解到， React@16.x是个分水岭。 React@15及之前 在16之前，React架构大致可以分为两层： Re

从代码可以看出，React通过先判断key是否相同，如果key相同则判断type是否相同，只有都相同时一个DOM节点才能复用。 由于本次更新时只有一个p，属于单一节点的Diff，会走上面介绍的代码逻辑。 同级多个节点的Diff，一定属于下面3中情况的一种或多种。 带着第一轮遍历…

​ 视频课程的目的是为了快速掌握react源码运行的过程和react中的scheduler、reconciler、renderer、fiber等，并且详细debug源码和分析，过程更清晰。 ​ 在render阶段更新Fiber节点时，我们会调用reconcileChildFib…