Home / Function/ applyNestedViewTransition() — react Function Reference

applyNestedViewTransition() — react Function Reference

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

Entity Profile

Dependency Diagram

graph TD
  3d076554_3975_745b_8cf0_95fb957dfe27["applyNestedViewTransition()"]
  ee850b36_fc0b_9bb2_5b69_58d705aef9a5["ReactFiberApplyGesture.js"]
  3d076554_3975_745b_8cf0_95fb957dfe27 -->|defined in| ee850b36_fc0b_9bb2_5b69_58d705aef9a5
  d5ea8670_901e_392b_55a7_640c298b5971["recursivelyInsertClonesFromExistingTree()"]
  d5ea8670_901e_392b_55a7_640c298b5971 -->|calls| 3d076554_3975_745b_8cf0_95fb957dfe27
  fb6ac8c2_1325_f769_79fa_77c9d16252f1["getViewTransitionName()"]
  3d076554_3975_745b_8cf0_95fb957dfe27 -->|calls| fb6ac8c2_1325_f769_79fa_77c9d16252f1
  be70b440_45eb_ff76_0bc6_50898635623c["getViewTransitionClassName()"]
  3d076554_3975_745b_8cf0_95fb957dfe27 -->|calls| be70b440_45eb_ff76_0bc6_50898635623c
  45145b45_9179_2a0e_5b39_0f8c3bceb8c9["applyViewTransitionToClones()"]
  3d076554_3975_745b_8cf0_95fb957dfe27 -->|calls| 45145b45_9179_2a0e_5b39_0f8c3bceb8c9
  style 3d076554_3975_745b_8cf0_95fb957dfe27 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-reconciler/src/ReactFiberApplyGesture.js lines 334–350

function applyNestedViewTransition(child: Fiber): void {
  const state: ViewTransitionState = child.stateNode;
  const props: ViewTransitionProps = child.memoizedProps;
  const name = getViewTransitionName(props, state);
  const className: ?string = getViewTransitionClassName(
    props.default,
    props.update,
  );
  if (className !== 'none') {
    const clones = state.clones;
    // If there are no clones at this point, that should mean that there are no
    // HostComponent children in this ViewTransition.
    if (clones !== null) {
      applyViewTransitionToClones(name, className, clones, child);
    }
  }
}

Domain

Subdomains

Frequently Asked Questions

What does applyNestedViewTransition() do?
applyNestedViewTransition() is a function in the react codebase, defined in packages/react-reconciler/src/ReactFiberApplyGesture.js.
Where is applyNestedViewTransition() defined?
applyNestedViewTransition() is defined in packages/react-reconciler/src/ReactFiberApplyGesture.js at line 334.
What does applyNestedViewTransition() call?
applyNestedViewTransition() calls 3 function(s): applyViewTransitionToClones, getViewTransitionClassName, getViewTransitionName.
What calls applyNestedViewTransition()?
applyNestedViewTransition() is called by 1 function(s): recursivelyInsertClonesFromExistingTree.

Analyze Your Own Codebase

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

Try Supermodel Free