Skip to main content

2 docs tagged with "Hooks"

View All Tags

useEffect

React useEffect 与 useLayoutEffect 源码全梳理。覆盖 effect 节点数据结构、render 阶段的收集(mount / update 两路径 + pushEffect 循环链表)、completeUnitOfWork 构建 effectList、commit 阶段的 useEffect 异步调度(scheduleCallback 延后到 paint 后)与 useLayoutEffect 同步执行(mutation / layout 阶段),以及二者使用场景的取舍。

useState

React useState Hook 源码全梳理。覆盖 Fiber 架构下函数组件状态保存机制、renderWithHooks 调度、Dispatcher 状态机切换、mount/update 两个阶段的核心调用栈(mountState / updateReducer / dispatchAction)、Update 循环链表、闭包陷阱的底层原因、连续 setState 批处理与 ObjectIs 短路优化,以及为什么 hooks 必须在函数最外层调用。