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

ReactFiberTransition.js — react Source File

Architecture documentation for ReactFiberTransition.js, a javascript file in the react codebase. 22 imports, 5 dependents.

File javascript CompilerCore Suppression 22 imports 5 dependents 2 functions

Entity Profile

Dependency Diagram

graph LR
  56c9d17c_850b_55a3_8352_4e5d837e8fc3["ReactFiberTransition.js"]
  92880f81_3bb0_4bf2_5174_2face3b7aae9["ReactInternalTypes.js"]
  56c9d17c_850b_55a3_8352_4e5d837e8fc3 --> 92880f81_3bb0_4bf2_5174_2face3b7aae9
  d824b8db_ba9a_af45_a77f_dfc6d72cddea["ReactFiberLane.js"]
  56c9d17c_850b_55a3_8352_4e5d837e8fc3 --> d824b8db_ba9a_af45_a77f_dfc6d72cddea
  670d93c7_c236_f7cd_8b50_5ba9bb267199["ReactFiberStack.js"]
  56c9d17c_850b_55a3_8352_4e5d837e8fc3 --> 670d93c7_c236_f7cd_8b50_5ba9bb267199
  27658623_06f3_0c48_ad67_2caf7f07e859["ReactFiberCacheComponent.js"]
  56c9d17c_850b_55a3_8352_4e5d837e8fc3 --> 27658623_06f3_0c48_ad67_2caf7f07e859
  b7b1ea40_3fb9_14f9_c2f9_3be6c48a021b["ReactFiberGestureScheduler.js"]
  56c9d17c_850b_55a3_8352_4e5d837e8fc3 --> b7b1ea40_3fb9_14f9_c2f9_3be6c48a021b
  1336e566_d28c_d425_697b_2bd2edde91ce["ReactFiberConfig.js"]
  56c9d17c_850b_55a3_8352_4e5d837e8fc3 --> 1336e566_d28c_d425_697b_2bd2edde91ce
  b56e0997_03fa_7134_e6ec_4e34ae7f194e["ReactFiberWorkLoop.js"]
  56c9d17c_850b_55a3_8352_4e5d837e8fc3 --> b56e0997_03fa_7134_e6ec_4e34ae7f194e
  cd8595f9_fb9e_3154_9222_fce55ca9bf2c["createCache"]
  56c9d17c_850b_55a3_8352_4e5d837e8fc3 --> cd8595f9_fb9e_3154_9222_fce55ca9bf2c
  888f979a_a64b_4ad7_81f1_9cff83a0bcf5["retainCache"]
  56c9d17c_850b_55a3_8352_4e5d837e8fc3 --> 888f979a_a64b_4ad7_81f1_9cff83a0bcf5
  ac77b29a_d072_615d_a2c7_c7bfff3e0ecd["ReactFiberTransitionTypes.js"]
  56c9d17c_850b_55a3_8352_4e5d837e8fc3 --> ac77b29a_d072_615d_a2c7_c7bfff3e0ecd
  aa87a5d6_9632_bf41_3b81_48e89a71a1bb["queueTransitionTypes"]
  56c9d17c_850b_55a3_8352_4e5d837e8fc3 --> aa87a5d6_9632_bf41_3b81_48e89a71a1bb
  112e2d58_c405_a4f1_2501_1e129cd3a3d9["entangleAsyncTransitionTypes"]
  56c9d17c_850b_55a3_8352_4e5d837e8fc3 --> 112e2d58_c405_a4f1_2501_1e129cd3a3d9
  aa2203da_ee4d_3003_4fb8_b9814823b919["ReactFiberAsyncAction.js"]
  56c9d17c_850b_55a3_8352_4e5d837e8fc3 --> aa2203da_ee4d_3003_4fb8_b9814823b919
  625f4c61_c091_50cc_2193_45018c2379d4["ReactProfilerTimer.js"]
  56c9d17c_850b_55a3_8352_4e5d837e8fc3 --> 625f4c61_c091_50cc_2193_45018c2379d4
  style 56c9d17c_850b_55a3_8352_4e5d837e8fc3 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 {Fiber, FiberRoot} from './ReactInternalTypes';
import type {
  Thenable,
  GestureProvider,
  GestureOptions,
} from 'shared/ReactTypes';
import {NoLane, type Lanes} from './ReactFiberLane';
import type {StackCursor} from './ReactFiberStack';
import type {Cache, SpawnedCachePool} from './ReactFiberCacheComponent';
import type {Transition} from 'react/src/ReactStartTransition';
import type {ScheduledGesture} from './ReactFiberGestureScheduler';

import {
  enableTransitionTracing,
  enableViewTransition,
  enableGestureTransition,
} from 'shared/ReactFeatureFlags';
import {isPrimaryRenderer} from './ReactFiberConfig';
import {createCursor, push, pop} from './ReactFiberStack';
import {
  getWorkInProgressRoot,
  getWorkInProgressTransitions,
  markTransitionStarted,
} from './ReactFiberWorkLoop';
import {
  createCache,
  retainCache,
  CacheContext,
} from './ReactFiberCacheComponent';
import {
  queueTransitionTypes,
  entangleAsyncTransitionTypes,
  entangledTransitionTypes,
} from './ReactFiberTransitionTypes';

import ReactSharedInternals from 'shared/ReactSharedInternals';
import {
  entangleAsyncAction,
  peekEntangledActionLane,
} from './ReactFiberAsyncAction';
import {startAsyncTransitionTimer} from './ReactProfilerTimer';
import {firstScheduledRoot} from './ReactFiberRootScheduler';
import {
  startScheduledGesture,
  cancelScheduledGesture,
} from './ReactFiberGestureScheduler';

export const NoTransition = null;

// Attach this reconciler instance's onStartTransitionFinish implementation to
// the shared internals object. This is used by the isomorphic implementation of
// startTransition to compose all the startTransitions together.
// ... (294 more lines)

Domain

Subdomains

Functions

Dependencies

Imported By

Source

Frequently Asked Questions

What does ReactFiberTransition.js do?
ReactFiberTransition.js is a source file in the react codebase, written in javascript. It belongs to the CompilerCore domain, Suppression subdomain.
What functions are defined in ReactFiberTransition.js?
ReactFiberTransition.js defines 2 function(s): G, ReactSharedInternals.
What does ReactFiberTransition.js depend on?
ReactFiberTransition.js imports 22 module(s): ReactFeatureFlags, ReactFiberAsyncAction.js, ReactFiberCacheComponent.js, ReactFiberConfig.js, ReactFiberGestureScheduler.js, ReactFiberLane.js, ReactFiberRootScheduler.js, ReactFiberStack.js, and 14 more.
What files import ReactFiberTransition.js?
ReactFiberTransition.js is imported by 5 file(s): ReactFiberBeginWork.js, ReactFiberCompleteWork.js, ReactFiberHooks.js, ReactFiberUnwindWork.js, ReactFiberWorkLoop.js.
Where is ReactFiberTransition.js in the architecture?
ReactFiberTransition.js is located at packages/react-reconciler/src/ReactFiberTransition.js (domain: CompilerCore, subdomain: Suppression, 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