isExpectedViewTransitionName() — react Function Reference

Architecture documentation for the isExpectedViewTransitionName() function in ReactDOMComponent.js from the react codebase.

Function javascript BabelCompiler Validation calls 1 called by 1

Entity Profile

BabelCompiler→ Validation→ isExpectedViewTransitionName() — react Function Reference

Dependency Diagram

graph TD
  f4f229a8_f7a0_02d6_4675_de4c6a758e99["isExpectedViewTransitionName()"]
  1e990658_7cea_75be_1f24_2399bdf9f15b["ReactDOMComponent.js"]
  f4f229a8_f7a0_02d6_4675_de4c6a758e99 -->|defined in| 1e990658_7cea_75be_1f24_2399bdf9f15b
  255bc5ba_4119_c519_1a8a_dd9223b03b3e["warnForExtraAttributes()"]
  255bc5ba_4119_c519_1a8a_dd9223b03b3e -->|calls| f4f229a8_f7a0_02d6_4675_de4c6a758e99
  83fdc497_4f89_f2d6_1bd7_d810070e07dd["hasViewTransition()"]
  f4f229a8_f7a0_02d6_4675_de4c6a758e99 -->|calls| 83fdc497_4f89_f2d6_1bd7_d810070e07dd
  style f4f229a8_f7a0_02d6_4675_de4c6a758e99 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom-bindings/src/client/ReactDOMComponent.js lines 247–261

function isExpectedViewTransitionName(htmlElement: HTMLElement): boolean {
  if (!hasViewTransition(htmlElement)) {
    // We didn't expect to see a view transition name applied.
    return false;
  }
  const expectedVtName = htmlElement.getAttribute('vt-name');
  const actualVtName: string = (htmlElement.style: any)['view-transition-name'];
  if (expectedVtName) {
    return expectedVtName === actualVtName;
  } else {
    // Auto-generated name.
    // TODO: If Fizz starts applying a prefix to this name, we need to consider that.
    return actualVtName.startsWith('_T_');
  }
}