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

applyViewTransitionToClones() — react Function Reference

Architecture documentation for the applyViewTransitionToClones() function in ReactFiberApplyGesture.js from the react codebase.

Function javascript BabelCompiler Validation called by 6

Entity Profile

Dependency Diagram

graph TD
  45145b45_9179_2a0e_5b39_0f8c3bceb8c9["applyViewTransitionToClones()"]
  ee850b36_fc0b_9bb2_5b69_58d705aef9a5["ReactFiberApplyGesture.js"]
  45145b45_9179_2a0e_5b39_0f8c3bceb8c9 -->|defined in| ee850b36_fc0b_9bb2_5b69_58d705aef9a5
  a67e74d5_88de_0327_6aea_26a1818af45f["trackDeletedPairViewTransitions()"]
  a67e74d5_88de_0327_6aea_26a1818af45f -->|calls| 45145b45_9179_2a0e_5b39_0f8c3bceb8c9
  282c3969_f657_3d4a_7c17_9af393a5187a["trackEnterViewTransitions()"]
  282c3969_f657_3d4a_7c17_9af393a5187a -->|calls| 45145b45_9179_2a0e_5b39_0f8c3bceb8c9
  4d7237b6_d6aa_66af_1ea0_e984a1cd77c4["applyAppearingPairViewTransition()"]
  4d7237b6_d6aa_66af_1ea0_e984a1cd77c4 -->|calls| 45145b45_9179_2a0e_5b39_0f8c3bceb8c9
  e901b09e_6606_f374_768c_8c36e1bb4676["applyExitViewTransition()"]
  e901b09e_6606_f374_768c_8c36e1bb4676 -->|calls| 45145b45_9179_2a0e_5b39_0f8c3bceb8c9
  3d076554_3975_745b_8cf0_95fb957dfe27["applyNestedViewTransition()"]
  3d076554_3975_745b_8cf0_95fb957dfe27 -->|calls| 45145b45_9179_2a0e_5b39_0f8c3bceb8c9
  6e9b9423_2aa1_96c1_1185_f860250923b6["applyUpdateViewTransition()"]
  6e9b9423_2aa1_96c1_1185_f860250923b6 -->|calls| 45145b45_9179_2a0e_5b39_0f8c3bceb8c9
  style 45145b45_9179_2a0e_5b39_0f8c3bceb8c9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-reconciler/src/ReactFiberApplyGesture.js lines 118–144

function applyViewTransitionToClones(
  name: string,
  className: ?string,
  clones: Array<Instance>,
  fiber: Fiber,
): void {
  // This gets called when we have found a pair, but after the clone in created. The clone is
  // created by the insertion side. If the insertion side if found before the deletion side
  // then this is called by the deletion. If the deletion is visited first then this is called
  // later by the insertion when the clone has been created.
  for (let i = 0; i < clones.length; i++) {
    applyViewTransitionName(
      clones[i],
      i === 0
        ? name
        : // If we have multiple Host Instances below, we add a suffix to the name to give
          // each one a unique name.
          name + '_' + i,
      className,
    );
  }
  if (enableProfilerTimer && enableComponentPerformanceTrack) {
    if (fiber._debugTask != null) {
      trackAnimatingTask(fiber._debugTask);
    }
  }
}

Domain

Subdomains

Defined In

Called By

Source

Frequently Asked Questions

What does applyViewTransitionToClones() do?
applyViewTransitionToClones() is a function in the react codebase, defined in packages/react-reconciler/src/ReactFiberApplyGesture.js.
Where is applyViewTransitionToClones() defined?
applyViewTransitionToClones() is defined in packages/react-reconciler/src/ReactFiberApplyGesture.js at line 118.
What calls applyViewTransitionToClones()?
applyViewTransitionToClones() is called by 6 function(s): applyAppearingPairViewTransition, applyExitViewTransition, applyNestedViewTransition, applyUpdateViewTransition, trackDeletedPairViewTransitions, trackEnterViewTransitions.

Analyze Your Own Codebase

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

Try Supermodel Free