Skip to content
DevDepth

Tag: react (Page 2)

18 items under this tag.

Tag Filter

All Content
8 min readreact-internalsReactInternals

React Synthetic Event System: How Delegation, Propagation, and Plugins Work

Understand how React's event system really works: SyntheticEvent wrapping, root-level delegation, Fiber-based listener collection, dispatch queues, and plugin-based event extraction.

8 min readreact-internalsReactInternals

React Time Slicing: How Fiber, Scheduler, Yielding, and Resumption Work

Understand how React time slicing really works: Fiber turns rendering into units of work, the Scheduler decides when to yield, and work-in-progress state lets React resume or restart renders.

8 min readreact-internalsReactInternals

React useState Batching: How UpdateQueue, Lanes, and Scheduling Work

Understand how React batches useState updates: dispatchSetState creates update records, root scheduling reuses the same render task, and updateReducer processes the queue into one final state.

13 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.

11 min readreact-internalsReactInternals

Is setState Synchronous or Asynchronous in React? React 18 vs Earlier Versions

Learn when setState appears synchronous or asynchronous in React, why the answer changes across calling contexts, and how React 18 automatic batching changes the behavior.

11 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.

6 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.

11 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.

8 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.