Home / Function/ recursivelyTraverseAfterMutationEffects() — react Function Reference

recursivelyTraverseAfterMutationEffects() — react Function Reference

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

Entity Profile

Dependency Diagram

graph TD
  762bc1dc_3315_21f8_70be_1222a5fd783c["recursivelyTraverseAfterMutationEffects()"]
  e0fbfbd5_47b0_a489_0b36_bbfad9245544["ReactFiberCommitWork.js"]
  762bc1dc_3315_21f8_70be_1222a5fd783c -->|defined in| e0fbfbd5_47b0_a489_0b36_bbfad9245544
  a3d95486_4c2c_708b_ddfb_88e41b6a4967["commitAfterMutationEffectsOnFiber()"]
  a3d95486_4c2c_708b_ddfb_88e41b6a4967 -->|calls| 762bc1dc_3315_21f8_70be_1222a5fd783c
  a3d95486_4c2c_708b_ddfb_88e41b6a4967["commitAfterMutationEffectsOnFiber()"]
  762bc1dc_3315_21f8_70be_1222a5fd783c -->|calls| a3d95486_4c2c_708b_ddfb_88e41b6a4967
  style 762bc1dc_3315_21f8_70be_1222a5fd783c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-reconciler/src/ReactFiberCommitWork.js lines 2785–2803

function recursivelyTraverseAfterMutationEffects(
  root: FiberRoot,
  parentFiber: Fiber,
  lanes: Lanes,
) {
  // We need to visit the same nodes that we visited in the before mutation phase.
  if (parentFiber.subtreeFlags & BeforeAndAfterMutationTransitionMask) {
    let child = parentFiber.child;
    while (child !== null) {
      commitAfterMutationEffectsOnFiber(child, root, lanes);
      child = child.sibling;
    }
  } else {
    // Nothing has changed in this subtree, but the parent may have still affected
    // its size and position. We need to measure this and if not, restore it to
    // not animate.
    measureNestedViewTransitions(parentFiber, false);
  }
}

Domain

Subdomains

Frequently Asked Questions

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

Analyze Your Own Codebase

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

Try Supermodel Free