commitBeforeMutationEffectsDeletion() — react Function Reference

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

Function javascript BabelCompiler Validation calls 1 called by 1

Entity Profile

BabelCompiler→ Validation→ commitBeforeMutationEffectsDeletion() — react Function Reference

Dependency Diagram

graph TD
  e4b3ff8b_fac9_8119_fde8_1dc24b64f56d["commitBeforeMutationEffectsDeletion()"]
  e0fbfbd5_47b0_a489_0b36_bbfad9245544["ReactFiberCommitWork.js"]
  e4b3ff8b_fac9_8119_fde8_1dc24b64f56d -->|defined in| e0fbfbd5_47b0_a489_0b36_bbfad9245544
  512307b3_e8b2_3a7d_0d24_ed564120f990["commitBeforeMutationEffects_begin()"]
  512307b3_e8b2_3a7d_0d24_ed564120f990 -->|calls| e4b3ff8b_fac9_8119_fde8_1dc24b64f56d
  c0a65d94_b34a_97ec_7298_10d943a24e28["doesFiberContain()"]
  e4b3ff8b_fac9_8119_fde8_1dc24b64f56d -->|calls| c0a65d94_b34a_97ec_7298_10d943a24e28
  style e4b3ff8b_fac9_8119_fde8_1dc24b64f56d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-reconciler/src/ReactFiberCommitWork.js lines 572–589

function commitBeforeMutationEffectsDeletion(
  deletion: Fiber,
  isViewTransitionEligible: boolean,
) {
  if (enableCreateEventHandleAPI) {
    // TODO (effects) It would be nice to avoid calling doesFiberContain()
    // Maybe we can repurpose one of the subtreeFlags positions for this instead?
    // Use it to store which part of the tree the focused instance is in?
    // This assumes we can safely determine that instance during the "render" phase.
    if (doesFiberContain(deletion, ((focusedInstanceHandle: any): Fiber))) {
      shouldFireAfterActiveInstanceBlur = true;
      beforeActiveInstanceBlur(deletion);
    }
  }
  if (isViewTransitionEligible) {
    commitExitViewTransitions(deletion);
  }
}