React 源码阅读

前面的文章中说到了在协调之前还有一个调度的步骤，不过这个调度在目前使用 ReactDOM.render 这个 API的情况下和过去的版本并无区别，React v17 是个过渡版本。 异步可中断模式（C

Diff 算法 diff 的是什么 一个 DOM 节点，在某一时刻最多会有四个节点与其相关： DOM 节点本身。 current Fiber。如果该 DOM 节点已经在页面中渲染好了，那么 curre

接上一篇，这一篇再说一下另外几个常用的 hook：useEffect、useLayout、useRef、useMemo、useCallback。 useEffect 与 useLayoutEffect

React 源码阅读 - Hooks React 16.8 中新加入了 Hook 特性，如果你还没有用过 Hook，可以参考官方文档先进行了解，不在此赘述了。 Hook 可以让我们在不编写 class

React 源码阅读 - 渲染 什么是渲染阶段 渲染的工作由渲染器 （Renderer）来完成，这个阶段被称作 commit 阶段，这个阶段将会把提交的信息渲染到页面上，也就是上一个阶段我们”协调“了

什么是协调 Reconciliation 协调，也可以翻译成调和，他主要负责找出哪些组件发生了变化，鼎鼎大名的 diff 算法就是在这个阶段使用的。协调阶段即可以生成 Fiber，也可以更新 Fibe

上一篇文章我们给出了一个例子，但是只说了 React.createElement, 留下了 ReactDOM.render。ReactDOM.render 内含的操作就非常多了，所以必须进行拆解。 我

JSX 相信大家在看到 React 源码的时候，可能或多或少都会有一些疑惑，到底从哪里开始看呢？ 我打算以 JSX 作为起点，因为刚开始学写 React 代码的时候，也是从 JSX 开始的。 JSX

下载源码 首先，去 Github 找到 React 的源码库，然后 fork 到自己的库。 以我的 fork 库为例： 然后，再添加一下主库： 可以使用以下命令从主库更新代码： 安装依赖 推荐使用 y