react Architecture Docs
Home / File/ ReactFiberCommitViewTransitions.js — react Source File

ReactFiberCommitViewTransitions.js — react Source File

Architecture documentation for ReactFiberCommitViewTransitions.js, a javascript file in the react codebase. 11 imports, 3 dependents.

File javascript BabelCompiler Validation 11 imports 3 dependents 4 functions

Entity Profile

Dependency Diagram

graph LR
  08bb6a7c_2c07_1880_07ef_82d9f5cf2d76["ReactFiberCommitViewTransitions.js"]
  a6668d1d_397d_7807_719d_fdecf552fa4a["ReactFiberConfig.js"]
  08bb6a7c_2c07_1880_07ef_82d9f5cf2d76 --> a6668d1d_397d_7807_719d_fdecf552fa4a
  6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f["ReactInternalTypes.js"]
  08bb6a7c_2c07_1880_07ef_82d9f5cf2d76 --> 6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f
  d8bd6ba1_1cbe_86c2_6f2f_604c53e981b3["ReactFiberViewTransitionComponent.js"]
  08bb6a7c_2c07_1880_07ef_82d9f5cf2d76 --> d8bd6ba1_1cbe_86c2_6f2f_604c53e981b3
  d3557f30_4fca_e30a_91c5_c23d4b8dba99["ReactWorkTags.js"]
  08bb6a7c_2c07_1880_07ef_82d9f5cf2d76 --> d3557f30_4fca_e30a_91c5_c23d4b8dba99
  6773f9a2_fdb7_4938_741f_4887273ad469["ReactFiberFlags.js"]
  08bb6a7c_2c07_1880_07ef_82d9f5cf2d76 --> 6773f9a2_fdb7_4938_741f_4887273ad469
  d73e9290_2d2e_5d3f_97dd_84929f205c77["ReactFiberWorkLoop.js"]
  08bb6a7c_2c07_1880_07ef_82d9f5cf2d76 --> d73e9290_2d2e_5d3f_97dd_84929f205c77
  fb6ac8c2_1325_f769_79fa_77c9d16252f1["getViewTransitionName"]
  08bb6a7c_2c07_1880_07ef_82d9f5cf2d76 --> fb6ac8c2_1325_f769_79fa_77c9d16252f1
  be70b440_45eb_ff76_0bc6_50898635623c["getViewTransitionClassName"]
  08bb6a7c_2c07_1880_07ef_82d9f5cf2d76 --> be70b440_45eb_ff76_0bc6_50898635623c
  e054b9c7_41f1_c7f7_97bb_98b6a445e94b["ReactProfilerTimer.js"]
  08bb6a7c_2c07_1880_07ef_82d9f5cf2d76 --> e054b9c7_41f1_c7f7_97bb_98b6a445e94b
  d8f20c67_f5fa_0f0a_c967_c41fd9ffce07["ReactTypes"]
  08bb6a7c_2c07_1880_07ef_82d9f5cf2d76 --> d8f20c67_f5fa_0f0a_c967_c41fd9ffce07
  8344de1b_978c_be0f_eebd_38ccc4962a93["ReactFeatureFlags"]
  08bb6a7c_2c07_1880_07ef_82d9f5cf2d76 --> 8344de1b_978c_be0f_eebd_38ccc4962a93
  ee850b36_fc0b_9bb2_5b69_58d705aef9a5["ReactFiberApplyGesture.js"]
  ee850b36_fc0b_9bb2_5b69_58d705aef9a5 --> 08bb6a7c_2c07_1880_07ef_82d9f5cf2d76
  e0fbfbd5_47b0_a489_0b36_bbfad9245544["ReactFiberCommitWork.js"]
  e0fbfbd5_47b0_a489_0b36_bbfad9245544 --> 08bb6a7c_2c07_1880_07ef_82d9f5cf2d76
  d73e9290_2d2e_5d3f_97dd_84929f205c77["ReactFiberWorkLoop.js"]
  d73e9290_2d2e_5d3f_97dd_84929f205c77 --> 08bb6a7c_2c07_1880_07ef_82d9f5cf2d76
  style 08bb6a7c_2c07_1880_07ef_82d9f5cf2d76 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @flow
 */

import type {ViewTransitionProps} from 'shared/ReactTypes';
import type {Instance, InstanceMeasurement, Props} from './ReactFiberConfig';
import type {Fiber} from './ReactInternalTypes';
import type {ViewTransitionState} from './ReactFiberViewTransitionComponent';

import {
  HostComponent,
  OffscreenComponent,
  ViewTransitionComponent,
} from './ReactWorkTags';
import {
  NoFlags,
  Update,
  ViewTransitionStatic,
  AffectedParentLayout,
  ViewTransitionNamedStatic,
} from './ReactFiberFlags';
import {
  supportsMutation,
  applyViewTransitionName,
  restoreViewTransitionName,
  measureInstance,
  measureClonedInstance,
  hasInstanceChanged,
  hasInstanceAffectedParent,
  wasInstanceInViewport,
} from './ReactFiberConfig';
import {
  scheduleViewTransitionEvent,
  scheduleGestureTransitionEvent,
} from './ReactFiberWorkLoop';
import {
  getViewTransitionName,
  getViewTransitionClassName,
} from './ReactFiberViewTransitionComponent';
import {trackAnimatingTask} from './ReactProfilerTimer';
import {
  enableComponentPerformanceTrack,
  enableProfilerTimer,
} from 'shared/ReactFeatureFlags';

export let shouldStartViewTransition: boolean = false;

export function resetShouldStartViewTransition(): void {
  shouldStartViewTransition = false;
}

// This tracks named ViewTransition components found in the accumulateSuspenseyCommit
// phase that might need to find deleted pairs in the beforeMutation phase.
export let appearingViewTransitions: Map<string, ViewTransitionState> | null =
  null;
// ... (805 more lines)

Domain

Subdomains

Functions

Dependencies

Imported By

Source

Frequently Asked Questions

What does ReactFiberCommitViewTransitions.js do?
ReactFiberCommitViewTransitions.js is a source file in the react codebase, written in javascript. It belongs to the BabelCompiler domain, Validation subdomain.
What functions are defined in ReactFiberCommitViewTransitions.js?
ReactFiberCommitViewTransitions.js defines 4 function(s): resetAppearingViewTransitions, resetShouldStartViewTransition, trackAppearingViewTransition, trackEnterViewTransitions.
What does ReactFiberCommitViewTransitions.js depend on?
ReactFiberCommitViewTransitions.js imports 11 module(s): ReactFeatureFlags, ReactFiberConfig.js, ReactFiberFlags.js, ReactFiberViewTransitionComponent.js, ReactFiberWorkLoop.js, ReactInternalTypes.js, ReactProfilerTimer.js, ReactTypes, and 3 more.
What files import ReactFiberCommitViewTransitions.js?
ReactFiberCommitViewTransitions.js is imported by 3 file(s): ReactFiberApplyGesture.js, ReactFiberCommitWork.js, ReactFiberWorkLoop.js.
Where is ReactFiberCommitViewTransitions.js in the architecture?
ReactFiberCommitViewTransitions.js is located at packages/react-reconciler/src/ReactFiberCommitViewTransitions.js (domain: BabelCompiler, subdomain: Validation, directory: packages/react-reconciler/src).

Analyze Your Own Codebase

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

Try Supermodel Free