Home / Function/ recursivelyTraverseReappearLayoutEffects() — react Function Reference

recursivelyTraverseReappearLayoutEffects() — react Function Reference

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

Entity Profile

Dependency Diagram

graph TD
  c06df62d_18bb_abfc_ffdc_0712d0bf021d["recursivelyTraverseReappearLayoutEffects()"]
  e0fbfbd5_47b0_a489_0b36_bbfad9245544["ReactFiberCommitWork.js"]
  c06df62d_18bb_abfc_ffdc_0712d0bf021d -->|defined in| e0fbfbd5_47b0_a489_0b36_bbfad9245544
  ce61aa22_42d2_811a_b317_96c8d0cb0321["commitLayoutEffectOnFiber()"]
  ce61aa22_42d2_811a_b317_96c8d0cb0321 -->|calls| c06df62d_18bb_abfc_ffdc_0712d0bf021d
  1846396a_6bcb_7ad4_8180_1d20ef2960a4["reappearLayoutEffects()"]
  1846396a_6bcb_7ad4_8180_1d20ef2960a4 -->|calls| c06df62d_18bb_abfc_ffdc_0712d0bf021d
  1846396a_6bcb_7ad4_8180_1d20ef2960a4["reappearLayoutEffects()"]
  c06df62d_18bb_abfc_ffdc_0712d0bf021d -->|calls| 1846396a_6bcb_7ad4_8180_1d20ef2960a4
  style c06df62d_18bb_abfc_ffdc_0712d0bf021d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-reconciler/src/ReactFiberCommitWork.js lines 3332–3356

function recursivelyTraverseReappearLayoutEffects(
  finishedRoot: FiberRoot,
  parentFiber: Fiber,
  includeWorkInProgressEffects: boolean,
) {
  // This function visits both newly finished work and nodes that were re-used
  // from a previously committed tree. We cannot check non-static flags if the
  // node was reused.
  const childShouldIncludeWorkInProgressEffects =
    includeWorkInProgressEffects &&
    (parentFiber.subtreeFlags & LayoutMask) !== NoFlags;

  // TODO (Offscreen) Check: flags & (RefStatic | LayoutStatic)
  let child = parentFiber.child;
  while (child !== null) {
    const current = child.alternate;
    reappearLayoutEffects(
      finishedRoot,
      current,
      child,
      childShouldIncludeWorkInProgressEffects,
    );
    child = child.sibling;
  }
}

Domain

Subdomains

Frequently Asked Questions

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

Analyze Your Own Codebase

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

Try Supermodel Free