react Architecture Docs
Home / Function/ recursivelyTraverseMutationEffects() — react Function Reference

recursivelyTraverseMutationEffects() — react Function Reference

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

Function javascript BabelCompiler Validation calls 2 called by 1

Entity Profile

Dependency Diagram

graph TD
  c588ccff_afbe_0cc8_1f99_6d2d5c3a7a99["recursivelyTraverseMutationEffects()"]
  e0fbfbd5_47b0_a489_0b36_bbfad9245544["ReactFiberCommitWork.js"]
  c588ccff_afbe_0cc8_1f99_6d2d5c3a7a99 -->|defined in| e0fbfbd5_47b0_a489_0b36_bbfad9245544
  bc4a6de9_07dc_eca7_681a_10f692e08483["commitMutationEffectsOnFiber()"]
  bc4a6de9_07dc_eca7_681a_10f692e08483 -->|calls| c588ccff_afbe_0cc8_1f99_6d2d5c3a7a99
  13f145c1_d686_f120_13ad_212f75386c29["commitDeletionEffects()"]
  c588ccff_afbe_0cc8_1f99_6d2d5c3a7a99 -->|calls| 13f145c1_d686_f120_13ad_212f75386c29
  bc4a6de9_07dc_eca7_681a_10f692e08483["commitMutationEffectsOnFiber()"]
  c588ccff_afbe_0cc8_1f99_6d2d5c3a7a99 -->|calls| bc4a6de9_07dc_eca7_681a_10f692e08483
  style c588ccff_afbe_0cc8_1f99_6d2d5c3a7a99 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-reconciler/src/ReactFiberCommitWork.js lines 2000–2022

function recursivelyTraverseMutationEffects(
  root: FiberRoot,
  parentFiber: Fiber,
  lanes: Lanes,
) {
  // Deletions effects can be scheduled on any fiber type. They need to happen
  // before the children effects have fired.
  const deletions = parentFiber.deletions;
  if (deletions !== null) {
    for (let i = 0; i < deletions.length; i++) {
      const childToDelete = deletions[i];
      commitDeletionEffects(root, parentFiber, childToDelete);
    }
  }

  if (parentFiber.subtreeFlags & (MutationMask | Cloned)) {
    let child = parentFiber.child;
    while (child !== null) {
      commitMutationEffectsOnFiber(child, root, lanes);
      child = child.sibling;
    }
  }
}

Domain

Subdomains

Defined In

Calls

Called By

Source

Frequently Asked Questions

What does recursivelyTraverseMutationEffects() do?
recursivelyTraverseMutationEffects() is a function in the react codebase, defined in packages/react-reconciler/src/ReactFiberCommitWork.js.
Where is recursivelyTraverseMutationEffects() defined?
recursivelyTraverseMutationEffects() is defined in packages/react-reconciler/src/ReactFiberCommitWork.js at line 2000.
What does recursivelyTraverseMutationEffects() call?
recursivelyTraverseMutationEffects() calls 2 function(s): commitDeletionEffects, commitMutationEffectsOnFiber.
What calls recursivelyTraverseMutationEffects()?
recursivelyTraverseMutationEffects() is called by 1 function(s): commitMutationEffectsOnFiber.

Analyze Your Own Codebase

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

Try Supermodel Free