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

commitMutationEffects() — react Function Reference

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

Function javascript BabelCompiler Validation calls 2

Entity Profile

Dependency Diagram

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

Relationship Graph

Source Code

packages/react-reconciler/src/ReactFiberCommitWork.js lines 1981–1998

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

  rootViewTransitionAffected = false;
  inUpdateViewTransition = false;

  resetComponentEffectTimers();

  commitMutationEffectsOnFiber(finishedWork, root, committedLanes);

  inProgressLanes = null;
  inProgressRoot = null;
}

Domain

Subdomains

Defined In

Calls

Source

Frequently Asked Questions

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

Analyze Your Own Codebase

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

Try Supermodel Free