june18

本文将带大家实现 useLayoutEffect 与 useEffect。 先看下如何使用。 两者对比 存储结构相同 存储结构都是单向循环链表。 执行时机不同 useLayoutEffect 会在所有

useRef 是 React 中实现最简单的 hook。 它的应用场景很多，比如 antd、react-router、ahooks。

useCallback 的源码实现非常类似 useMemo，不同的只是缓存的内容不同，一个是结果，一个是函数。

useMemo 的实现并没有你想象中的那么复杂。它把数据缓存到了 fiber 上。缓存的数据结构是一个数组，数组第一项是 value 值，数组第二项是依赖项。

本文将带大家实现 useState。 先看下如何使用。 useState 是基于 useReducer 实现的，参考文章 React 实现 useReducer。 实现 useState useRed

今天带大家实现多个节点 diff。 先看个例子。 整体流程： 从左边往右遍历，比较新老节点，如果节点可以复用，继续往右，否则就停止 新节点没了，老节点还有，则删除剩余的老节点即可 新节点还有，老节点没

今天带大家实现节点删除。 先看个例子。 思路： 节点删除包含两个部分：vdom 删除（不用做），dom 删除 如何删除 dom？把所有要删除的节点放在父 fiber 上 Render 阶段 修改 re

本文将带大家实现 useReducer。 先看下如何使用。 Render 阶段 BeginWork 阶段 reconcileSingleElement 增加了判断节点是否可复用的逻辑。 Complet

基于文章 实现 React 类组件渲染。 本文将介绍如何渲染函数组件。 Render 阶段 BeginWork 阶段 beginWork 函数增加函数组件的 case。 createFiberFrom