Home / Function/ commitLayoutEffects() — react Function Reference

commitLayoutEffects() — react Function Reference

Architecture documentation for the commitLayoutEffects() function in ReactFiberCommitWork.js from the react codebase.

Entity Profile

Dependency Diagram

graph TD
  09adf792_b813_7366_9451_35d0c93c55bb["commitLayoutEffects()"]
  e0fbfbd5_47b0_a489_0b36_bbfad9245544["ReactFiberCommitWork.js"]
  09adf792_b813_7366_9451_35d0c93c55bb -->|defined in| e0fbfbd5_47b0_a489_0b36_bbfad9245544
  a7c3e629_e473_0a1c_70a3_acfc6eb4e3fc["resetComponentEffectTimers()"]
  09adf792_b813_7366_9451_35d0c93c55bb -->|calls| a7c3e629_e473_0a1c_70a3_acfc6eb4e3fc
  ce61aa22_42d2_811a_b317_96c8d0cb0321["commitLayoutEffectOnFiber()"]
  09adf792_b813_7366_9451_35d0c93c55bb -->|calls| ce61aa22_42d2_811a_b317_96c8d0cb0321
  style 09adf792_b813_7366_9451_35d0c93c55bb fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-reconciler/src/ReactFiberCommitWork.js lines 2952–2967

export function commitLayoutEffects(
  finishedWork: Fiber,
  root: FiberRoot,
  committedLanes: Lanes,
): void {
  inProgressLanes = committedLanes;
  inProgressRoot = root;

  resetComponentEffectTimers();

  const current = finishedWork.alternate;
  commitLayoutEffectOnFiber(root, current, finishedWork, committedLanes);

  inProgressLanes = null;
  inProgressRoot = null;
}

Domain

Subdomains

Frequently Asked Questions

What does commitLayoutEffects() do?
commitLayoutEffects() is a function in the react codebase, defined in packages/react-reconciler/src/ReactFiberCommitWork.js.
Where is commitLayoutEffects() defined?
commitLayoutEffects() is defined in packages/react-reconciler/src/ReactFiberCommitWork.js at line 2952.
What does commitLayoutEffects() call?
commitLayoutEffects() calls 2 function(s): commitLayoutEffectOnFiber, resetComponentEffectTimers.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free