Home / File/ ReactFiberLane.js — react Source File

ReactFiberLane.js — react Source File

Architecture documentation for ReactFiberLane.js, a javascript file in the react codebase. 7 imports, 31 dependents.

File javascript BabelCompiler 7 imports 31 dependents

Entity Profile

Dependency Diagram

graph LR
  768f6d67_77c1_be19_5596_a943eab59e05["ReactFiberLane.js"]
  6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f["ReactInternalTypes.js"]
  768f6d67_77c1_be19_5596_a943eab59e05 --> 6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f
  8dfed368_a2ce_03e8_73a7_410857344637["ReactFiberConcurrentUpdates.js"]
  768f6d67_77c1_be19_5596_a943eab59e05 --> 8dfed368_a2ce_03e8_73a7_410857344637
  1f955e30_ff03_d9f9_d498_58b7dc7858dc["ReactFiberDevToolsHook.js"]
  768f6d67_77c1_be19_5596_a943eab59e05 --> 1f955e30_ff03_d9f9_d498_58b7dc7858dc
  9a9d2e95_7795_7f3d_d4b6_50cacf2ab78a["clz32.js"]
  768f6d67_77c1_be19_5596_a943eab59e05 --> 9a9d2e95_7795_7f3d_d4b6_50cacf2ab78a
  0806a67e_4a6c_64f1_6464_5f62c4da3fad["ReactRootTags.js"]
  768f6d67_77c1_be19_5596_a943eab59e05 --> 0806a67e_4a6c_64f1_6464_5f62c4da3fad
  3ff6a79c_0a0b_9ae4_6826_41e836ae2a7c["ReactStartTransition"]
  768f6d67_77c1_be19_5596_a943eab59e05 --> 3ff6a79c_0a0b_9ae4_6826_41e836ae2a7c
  8344de1b_978c_be0f_eebd_38ccc4962a93["ReactFeatureFlags"]
  768f6d67_77c1_be19_5596_a943eab59e05 --> 8344de1b_978c_be0f_eebd_38ccc4962a93
  8a694f3e_c887_fb18_4515_e3e4488bb43e["ReactChildFiber.js"]
  8a694f3e_c887_fb18_4515_e3e4488bb43e --> 768f6d67_77c1_be19_5596_a943eab59e05
  e317bb22_8bd8_c9e1_6256_a7d1cb4eaee3["ReactEventPriorities.js"]
  e317bb22_8bd8_c9e1_6256_a7d1cb4eaee3 --> 768f6d67_77c1_be19_5596_a943eab59e05
  8a03468f_f6e2_d5a3_fdef_e77ebca449c2["ReactFiber.js"]
  8a03468f_f6e2_d5a3_fdef_e77ebca449c2 --> 768f6d67_77c1_be19_5596_a943eab59e05
  6d56a395_c0fc_55d6_55fd_16373ba2eeee["ReactFiberActivityComponent.js"]
  6d56a395_c0fc_55d6_55fd_16373ba2eeee --> 768f6d67_77c1_be19_5596_a943eab59e05
  6332839f_b3f6_a025_4ca8_e9753718df71["ReactFiberAsyncAction.js"]
  6332839f_b3f6_a025_4ca8_e9753718df71 --> 768f6d67_77c1_be19_5596_a943eab59e05
  0be70812_cc0c_b210_f84f_8e61dd5f831c["ReactFiberBeginWork.js"]
  0be70812_cc0c_b210_f84f_8e61dd5f831c --> 768f6d67_77c1_be19_5596_a943eab59e05
  3805476a_1924_0e35_fff7_6afad197a523["ReactFiberClassComponent.js"]
  3805476a_1924_0e35_fff7_6afad197a523 --> 768f6d67_77c1_be19_5596_a943eab59e05
  style 768f6d67_77c1_be19_5596_a943eab59e05 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 {Transition} from 'react/src/ReactStartTransition';
import type {ConcurrentUpdate} from './ReactFiberConcurrentUpdates';

// TODO: Ideally these types would be opaque but that doesn't work well with
// our reconciler fork infra, since these leak into non-reconciler packages.

export type Lanes = number;
export type Lane = number;
export type LaneMap<T> = Array<T>;

import {
  enableRetryLaneExpiration,
  enableSchedulingProfiler,
  enableTransitionTracing,
  enableUpdaterTracking,
  syncLaneExpirationMs,
  transitionLaneExpirationMs,
  retryLaneExpirationMs,
  disableLegacyMode,
  enableDefaultTransitionIndicator,
  enableGestureTransition,
  enableParallelTransitions,
} from 'shared/ReactFeatureFlags';
import {isDevToolsPresent} from './ReactFiberDevToolsHook';
import {clz32} from './clz32';
import {LegacyRoot} from './ReactRootTags';

// Lane values below should be kept in sync with getLabelForLane(), used by react-devtools-timeline.
// If those values are changed that package should be rebuilt and redeployed.

export const TotalLanes = 31;

export const NoLanes: Lanes = /*                        */ 0b0000000000000000000000000000000;
export const NoLane: Lane = /*                          */ 0b0000000000000000000000000000000;

export const SyncHydrationLane: Lane = /*               */ 0b0000000000000000000000000000001;
export const SyncLane: Lane = /*                        */ 0b0000000000000000000000000000010;
export const SyncLaneIndex: number = 1;

export const InputContinuousHydrationLane: Lane = /*    */ 0b0000000000000000000000000000100;
export const InputContinuousLane: Lane = /*             */ 0b0000000000000000000000000001000;

export const DefaultHydrationLane: Lane = /*            */ 0b0000000000000000000000000010000;
export const DefaultLane: Lane = /*                     */ 0b0000000000000000000000000100000;

export const SyncUpdateLanes: Lane =
  SyncLane | InputContinuousLane | DefaultLane;

export const GestureLane: Lane = /*                     */ 0b0000000000000000000000001000000;

// ... (1248 more lines)

Domain

Imported By

Frequently Asked Questions

What does ReactFiberLane.js do?
ReactFiberLane.js is a source file in the react codebase, written in javascript. It belongs to the BabelCompiler domain.
What does ReactFiberLane.js depend on?
ReactFiberLane.js imports 7 module(s): ReactFeatureFlags, ReactFiberConcurrentUpdates.js, ReactFiberDevToolsHook.js, ReactInternalTypes.js, ReactRootTags.js, ReactStartTransition, clz32.js.
What files import ReactFiberLane.js?
ReactFiberLane.js is imported by 31 file(s): ReactChildFiber.js, ReactEventPriorities.js, ReactFiber.js, ReactFiberActivityComponent.js, ReactFiberAsyncAction.js, ReactFiberBeginWork.js, ReactFiberClassComponent.js, ReactFiberClassUpdateQueue.js, and 23 more.
Where is ReactFiberLane.js in the architecture?
ReactFiberLane.js is located at packages/react-reconciler/src/ReactFiberLane.js (domain: BabelCompiler, 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