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

getViewTransitionName() — react Function Reference

Architecture documentation for the getViewTransitionName() function in ReactFiberViewTransitionComponent.js from the react codebase.

Function javascript CompilerCore Gating called by 5

Entity Profile

Dependency Diagram

graph TD
  06c1533c_ea03_05d5_d4d5_2498142c15e4["getViewTransitionName()"]
  41b2562e_6fa7_0566_c6c1_a62cc8a52127["ReactFiberViewTransitionComponent.js"]
  06c1533c_ea03_05d5_d4d5_2498142c15e4 -->|defined in| 41b2562e_6fa7_0566_c6c1_a62cc8a52127
  5b137679_4a8b_3936_c79e_3b332f503824["trackEnterViewTransitions()"]
  5b137679_4a8b_3936_c79e_3b332f503824 -->|calls| 06c1533c_ea03_05d5_d4d5_2498142c15e4
  77a7e38a_d8ce_fb3e_b6a5_2194c19b7183["applyExitViewTransition()"]
  77a7e38a_d8ce_fb3e_b6a5_2194c19b7183 -->|calls| 06c1533c_ea03_05d5_d4d5_2498142c15e4
  1dccc459_c8ad_4d88_a32d_59113d5be856["applyNestedViewTransition()"]
  1dccc459_c8ad_4d88_a32d_59113d5be856 -->|calls| 06c1533c_ea03_05d5_d4d5_2498142c15e4
  c9be38e4_b64a_13de_02a8_d99f4f32e337["applyUpdateViewTransition()"]
  c9be38e4_b64a_13de_02a8_d99f4f32e337 -->|calls| 06c1533c_ea03_05d5_d4d5_2498142c15e4
  d105b865_f2e6_785c_7321_4153d8429c2e["commitClassCallbacks()"]
  d105b865_f2e6_785c_7321_4153d8429c2e -->|calls| 06c1533c_ea03_05d5_d4d5_2498142c15e4
  style 06c1533c_ea03_05d5_d4d5_2498142c15e4 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-reconciler/src/ReactFiberViewTransitionComponent.js lines 28–47

export function getViewTransitionName(
  props: ViewTransitionProps,
  instance: ViewTransitionState,
): string {
  if (props.name != null && props.name !== 'auto') {
    return props.name;
  }
  if (instance.autoName !== null) {
    return instance.autoName;
  }

  // We assume we always call this in the commit phase.
  const root = ((getCommittingRoot(): any): FiberRoot);
  const identifierPrefix = root.identifierPrefix;
  const globalClientId = globalClientIdCounter++;
  const name =
    '_' + identifierPrefix + 't_' + globalClientId.toString(32) + '_';
  instance.autoName = name;
  return name;
}

Domain

Subdomains

Defined In

Called By

Source

Frequently Asked Questions

What does getViewTransitionName() do?
getViewTransitionName() is a function in the react codebase, defined in packages/react-reconciler/src/ReactFiberViewTransitionComponent.js.
Where is getViewTransitionName() defined?
getViewTransitionName() is defined in packages/react-reconciler/src/ReactFiberViewTransitionComponent.js at line 28.
What calls getViewTransitionName()?
getViewTransitionName() is called by 5 function(s): applyExitViewTransition, applyNestedViewTransition, applyUpdateViewTransition, commitClassCallbacks, trackEnterViewTransitions.

Analyze Your Own Codebase

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

Try Supermodel Free