Tag: react-fiber

4 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, 202613 min readreact-internalsReactInternals

How React Updates Work: What Happens Between setState and a DOM Update?

Understand how React turns setState into a DOM update through batching, scheduling, the render phase, the commit phase, and effect timing.

react setstate react-rendering commit-phase react-fiber

Mar 16, 202611 min readreact-internalsReactInternals

React Concurrent Rendering: The Underlying Principle

Understand how Fiber, scheduling/time slicing, lanes, and double buffering work together to make concurrent rendering responsive and consistent.

react concurrent-rendering react-fiber scheduler react-18

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, 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