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

ReactFiberRoot.js — react Source File

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

File javascript BabelCompiler 11 imports 6 dependents

Entity Profile

Dependency Diagram

graph LR
  ffca4edd_b46d_4530_2580_e6e4e786c422["ReactFiberRoot.js"]
  6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f["ReactInternalTypes.js"]
  ffca4edd_b46d_4530_2580_e6e4e786c422 --> 6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f
  0806a67e_4a6c_64f1_6464_5f62c4da3fad["ReactRootTags.js"]
  ffca4edd_b46d_4530_2580_e6e4e786c422 --> 0806a67e_4a6c_64f1_6464_5f62c4da3fad
  8d310484_4245_75c0_c183_7a31fce6815e["ReactFiberCacheComponent.js"]
  ffca4edd_b46d_4530_2580_e6e4e786c422 --> 8d310484_4245_75c0_c183_7a31fce6815e
  a6668d1d_397d_7807_719d_fdecf552fa4a["ReactFiberConfig.js"]
  ffca4edd_b46d_4530_2580_e6e4e786c422 --> a6668d1d_397d_7807_719d_fdecf552fa4a
  8a03468f_f6e2_d5a3_fdef_e77ebca449c2["ReactFiber.js"]
  ffca4edd_b46d_4530_2580_e6e4e786c422 --> 8a03468f_f6e2_d5a3_fdef_e77ebca449c2
  768f6d67_77c1_be19_5596_a943eab59e05["ReactFiberLane.js"]
  ffca4edd_b46d_4530_2580_e6e4e786c422 --> 768f6d67_77c1_be19_5596_a943eab59e05
  39c2d339_1422_a702_78f7_1997d8d72c29["ReactFiberClassUpdateQueue.js"]
  ffca4edd_b46d_4530_2580_e6e4e786c422 --> 39c2d339_1422_a702_78f7_1997d8d72c29
  b07cb646_f005_c6a9_24f4_aefa058750b5["createCache"]
  ffca4edd_b46d_4530_2580_e6e4e786c422 --> b07cb646_f005_c6a9_24f4_aefa058750b5
  9b153302_815a_1f5e_73cd_e59240aaf8f6["retainCache"]
  ffca4edd_b46d_4530_2580_e6e4e786c422 --> 9b153302_815a_1f5e_73cd_e59240aaf8f6
  d8f20c67_f5fa_0f0a_c967_c41fd9ffce07["ReactTypes"]
  ffca4edd_b46d_4530_2580_e6e4e786c422 --> d8f20c67_f5fa_0f0a_c967_c41fd9ffce07
  8344de1b_978c_be0f_eebd_38ccc4962a93["ReactFeatureFlags"]
  ffca4edd_b46d_4530_2580_e6e4e786c422 --> 8344de1b_978c_be0f_eebd_38ccc4962a93
  0be70812_cc0c_b210_f84f_8e61dd5f831c["ReactFiberBeginWork.js"]
  0be70812_cc0c_b210_f84f_8e61dd5f831c --> ffca4edd_b46d_4530_2580_e6e4e786c422
  e0fbfbd5_47b0_a489_0b36_bbfad9245544["ReactFiberCommitWork.js"]
  e0fbfbd5_47b0_a489_0b36_bbfad9245544 --> ffca4edd_b46d_4530_2580_e6e4e786c422
  6b05669d_2f09_63a5_e79f_0afc195f25a3["ReactFiberCompleteWork.js"]
  6b05669d_2f09_63a5_e79f_0afc195f25a3 --> ffca4edd_b46d_4530_2580_e6e4e786c422
  style ffca4edd_b46d_4530_2580_e6e4e786c422 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 {ReactNodeList, ReactFormState} from 'shared/ReactTypes';
import type {
  FiberRoot,
  SuspenseHydrationCallbacks,
  TransitionTracingCallbacks,
} from './ReactInternalTypes';
import type {RootTag} from './ReactRootTags';
import type {Cache} from './ReactFiberCacheComponent';
import type {Container} from './ReactFiberConfig';

import {noTimeout} from './ReactFiberConfig';
import {createHostRootFiber} from './ReactFiber';
import {
  NoLane,
  NoLanes,
  NoTimestamp,
  TotalLanes,
  createLaneMap,
} from './ReactFiberLane';
import {
  enableSuspenseCallback,
  enableProfilerCommitHooks,
  enableProfilerTimer,
  enableUpdaterTracking,
  enableTransitionTracing,
  disableLegacyMode,
  enableViewTransition,
  enableGestureTransition,
  enableDefaultTransitionIndicator,
} from 'shared/ReactFeatureFlags';
import {initializeUpdateQueue} from './ReactFiberClassUpdateQueue';
import {LegacyRoot, ConcurrentRoot} from './ReactRootTags';
import {createCache, retainCache} from './ReactFiberCacheComponent';

export type RootState = {
  element: any,
  isDehydrated: boolean,
  cache: Cache,
};

function FiberRootNode(
  this: $FlowFixMe,
  containerInfo: any,
  // $FlowFixMe[missing-local-annot]
  tag,
  hydrate: any,
  identifierPrefix: any,
  onUncaughtError: any,
  onCaughtError: any,
  onRecoverableError: any,
  onDefaultTransitionIndicator: any,
// ... (177 more lines)

Domain

Dependencies

Imported By

Source

Frequently Asked Questions

What does ReactFiberRoot.js do?
ReactFiberRoot.js is a source file in the react codebase, written in javascript. It belongs to the BabelCompiler domain.
What does ReactFiberRoot.js depend on?
ReactFiberRoot.js imports 11 module(s): ReactFeatureFlags, ReactFiber.js, ReactFiberCacheComponent.js, ReactFiberClassUpdateQueue.js, ReactFiberConfig.js, ReactFiberLane.js, ReactInternalTypes.js, ReactRootTags.js, and 3 more.
What files import ReactFiberRoot.js?
ReactFiberRoot.js is imported by 6 file(s): ReactFiberBeginWork.js, ReactFiberCommitWork.js, ReactFiberCompleteWork.js, ReactFiberReconciler.js, ReactFiberShellHydration.js, ReactFiberWorkLoop.js.
Where is ReactFiberRoot.js in the architecture?
ReactFiberRoot.js is located at packages/react-reconciler/src/ReactFiberRoot.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