snakeshe1010

本文深入剖析了 React useRef 的原理、工作流程以及可能出现的“失控”现象。从 useRef 的创建、更新机制，到 render 和 commit 阶段的 ref 处理。

本文详细剖析了React Hooks中的useCallback和useMemo的核心原理与区别。useCallback用于缓存函数，依赖项变化时更新函数引用，避免子组件不必要的重渲染

本文详细对比了 React 中的 useEffect 和 useLayoutEffect。useEffect 在组件渲染后异步执行，useLayoutEffect 在布局前同步执行

本文通过对比useState和useReducer的基本用法、mount阶段和update阶段的源码实现，揭示了两者的核心区别。

本文深入解析React Hooks的底层实现机制：通过链表结构串联Hook对象，每个Hook以memoizedState存储状态（如useState的值、useEffect的依赖等）

本文详细解析React事件处理机制，涵盖合成事件与事件传播模拟。合成事件（SyntheticEvent）封装浏览器差异，提供一致API。React利用事件委托与FiberTree实现捕获、冒泡阶段

React的lane模型基于位运算，每个优先级对应独立二进制位（如SyncLane、IdleLane），通过位掩码灵活划分更新批次。早期expirationTime模型因将优先级与批处理逻辑耦合。

本文深入解析 React Commit 阶段的工作流程。该阶段在 Render 阶段之后同步执行，不可中断。

本文详细介绍了 React 中的 Diff 算法，包括其工作原理、单节点和多节点的 Diff 流程，以及为何 React 选择不采用 Vue 的双端对比算法。