Tag: react-hooks

3 items under this tag.

Tag Filter

react6 react-fiber4 react-hooks3 react-182 setstate2 commit-phase1 concurrent-rendering1 flushsync1 hooks-call-order1 react-batching1 react-rendering1 react-state1 rules-of-hooks1 scheduler1 useeffect1 uselayouteffect1 usereducer1 usestate1

Mar 16, 20266 min readreact-internalsReactInternals

useEffect vs useLayoutEffect: The Real Difference in React’s Commit Phase

Understand how React Fiber stores both hooks in the same effect list, why HookLayout and HookPassive tags matter, and when each runs during the commit phase.

react react-hooks useeffect uselayouteffect react-fiber

Mar 16, 202611 min readreact-internalsReactInternals

useState vs useReducer in React: How They're Really Related

Understand the real difference between useState and useReducer in React, why useState is basically a special case of useReducer, and when each Hook is the better fit.

react react-hooks usestate usereducer react-state

Mar 16, 20268 min readreact-internalsReactInternals

Why Hooks Can’t Be Used in Conditions, Loops, or Nested Functions

React Hooks rely on call order, not variable names. Learn how Fiber stores hooks in a linked list and why changing the call order breaks state alignment.

react react-hooks rules-of-hooks react-fiber hooks-call-order