Home / Function/ commitReconciliationEffects() — react Function Reference

commitReconciliationEffects() — react Function Reference

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

Entity Profile

Dependency Diagram

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

Relationship Graph

Source Code

packages/react-reconciler/src/ReactFiberCommitWork.js lines 2734–2753

function commitReconciliationEffects(
  finishedWork: Fiber,
  committedLanes: Lanes,
) {
  // Placement effects (insertions, reorders) can be scheduled on any fiber
  // type. They needs to happen after the children effects have fired, but
  // before the effects on this fiber have fired.
  const flags = finishedWork.flags;
  if (flags & Placement) {
    commitHostPlacement(finishedWork);
    // Clear the "placement" from effect tag so that we know that this is
    // inserted, before any life-cycles like componentDidMount gets called.
    // TODO: findDOMNode doesn't rely on this any more but isMounted does
    // and isMounted is deprecated anyway so we should be able to kill this.
    finishedWork.flags &= ~Placement;
  }
  if (flags & Hydrating) {
    finishedWork.flags &= ~Hydrating;
  }
}

Domain

Subdomains

Frequently Asked Questions

What does commitReconciliationEffects() do?
commitReconciliationEffects() is a function in the react codebase, defined in packages/react-reconciler/src/ReactFiberCommitWork.js.
Where is commitReconciliationEffects() defined?
commitReconciliationEffects() is defined in packages/react-reconciler/src/ReactFiberCommitWork.js at line 2734.
What calls commitReconciliationEffects()?
commitReconciliationEffects() 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