Home / File/ ReactDOMRoot.js — react Source File

ReactDOMRoot.js — react Source File

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

File javascript BabelCompiler 6 imports 2 dependents

Entity Profile

Dependency Diagram

graph LR
  9a693e56_7137_1e20_368b_4019dde60238["ReactDOMRoot.js"]
  d8f20c67_f5fa_0f0a_c967_c41fd9ffce07["ReactTypes"]
  9a693e56_7137_1e20_368b_4019dde60238 --> d8f20c67_f5fa_0f0a_c967_c41fd9ffce07
  42892443_e223_3da0_aeb9_e1b32a408fb0["ReactInternalTypes"]
  9a693e56_7137_1e20_368b_4019dde60238 --> 42892443_e223_3da0_aeb9_e1b32a408fb0
  a3cf5227_1f98_134e_5b97_2f5a7eb1ceee["ReactDOMContainer"]
  9a693e56_7137_1e20_368b_4019dde60238 --> a3cf5227_1f98_134e_5b97_2f5a7eb1ceee
  c0b037f7_abd0_d7d5_42df_8a7b7d0b6846["ReactDOMEventReplaying"]
  9a693e56_7137_1e20_368b_4019dde60238 --> c0b037f7_abd0_d7d5_42df_8a7b7d0b6846
  e1e1de60_2be4_0643_45fb_e2c306735427["ReactSymbols"]
  9a693e56_7137_1e20_368b_4019dde60238 --> e1e1de60_2be4_0643_45fb_e2c306735427
  8344de1b_978c_be0f_eebd_38ccc4962a93["ReactFeatureFlags"]
  9a693e56_7137_1e20_368b_4019dde60238 --> 8344de1b_978c_be0f_eebd_38ccc4962a93
  6db398ba_1559_798d_f5b5_83b2f71ec02b["ReactDOMClient.js"]
  6db398ba_1559_798d_f5b5_83b2f71ec02b --> 9a693e56_7137_1e20_368b_4019dde60238
  652286da_c0a9_a7a2_4b75_95510a19a424["ReactDOMRootFB.js"]
  652286da_c0a9_a7a2_4b75_95510a19a424 --> 9a693e56_7137_1e20_368b_4019dde60238
  style 9a693e56_7137_1e20_368b_4019dde60238 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,
  TransitionTracingCallbacks,
} from 'react-reconciler/src/ReactInternalTypes';

import {isValidContainer} from 'react-dom-bindings/src/client/ReactDOMContainer';
import {queueExplicitHydrationTarget} from 'react-dom-bindings/src/events/ReactDOMEventReplaying';
import {REACT_ELEMENT_TYPE} from 'shared/ReactSymbols';
import {
  disableCommentsAsDOMContainers,
  enableDefaultTransitionIndicator,
} from 'shared/ReactFeatureFlags';

export type RootType = {
  render(children: ReactNodeList): void,
  unmount(): void,
  _internalRoot: FiberRoot | null,
};

export type CreateRootOptions = {
  unstable_strictMode?: boolean,
  unstable_transitionCallbacks?: TransitionTracingCallbacks,
  identifierPrefix?: string,
  onUncaughtError?: (
    error: mixed,
    errorInfo: {+componentStack?: ?string},
  ) => void,
  onCaughtError?: (
    error: mixed,
    errorInfo: {
      +componentStack?: ?string,
      +errorBoundary?: ?component(...props: any),
    },
  ) => void,
  onRecoverableError?: (
    error: mixed,
    errorInfo: {+componentStack?: ?string},
  ) => void,
  onDefaultTransitionIndicator?: () => void | (() => void),
};

export type HydrateRootOptions = {
  // Hydration options
  onHydrated?: (hydrationBoundary: Comment) => void,
  onDeleted?: (hydrationBoundary: Comment) => void,
  // Options for all roots
  unstable_strictMode?: boolean,
  unstable_transitionCallbacks?: TransitionTracingCallbacks,
  identifierPrefix?: string,
  onUncaughtError?: (
// ... (318 more lines)

Domain

Dependencies

  • ReactDOMContainer
  • ReactDOMEventReplaying
  • ReactFeatureFlags
  • ReactInternalTypes
  • ReactSymbols
  • ReactTypes

Frequently Asked Questions

What does ReactDOMRoot.js do?
ReactDOMRoot.js is a source file in the react codebase, written in javascript. It belongs to the BabelCompiler domain.
What does ReactDOMRoot.js depend on?
ReactDOMRoot.js imports 6 module(s): ReactDOMContainer, ReactDOMEventReplaying, ReactFeatureFlags, ReactInternalTypes, ReactSymbols, ReactTypes.
What files import ReactDOMRoot.js?
ReactDOMRoot.js is imported by 2 file(s): ReactDOMClient.js, ReactDOMRootFB.js.
Where is ReactDOMRoot.js in the architecture?
ReactDOMRoot.js is located at packages/react-dom/src/client/ReactDOMRoot.js (domain: BabelCompiler, directory: packages/react-dom/src/client).

Analyze Your Own Codebase

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

Try Supermodel Free