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

ReactDOMClientFB.js — react Source File

Architecture documentation for ReactDOMClientFB.js, a javascript file in the react codebase. 15 imports, 0 dependents.

File javascript BabelCompiler Validation 15 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  1b3f328f_ac2c_6e3e_233b_fbbe5d0412b0["ReactDOMClientFB.js"]
  7c97d39b_70ad_d3ea_12fc_3413f53dc064["ReactDOMFlushSync.js"]
  1b3f328f_ac2c_6e3e_233b_fbbe5d0412b0 --> 7c97d39b_70ad_d3ea_12fc_3413f53dc064
  fbf4b833_61f4_4635_7878_2b32dd45eef3["ensureCorrectIsomorphicReactVersion.js"]
  1b3f328f_ac2c_6e3e_233b_fbbe5d0412b0 --> fbf4b833_61f4_4635_7878_2b32dd45eef3
  e37db8d5_c1fd_9269_069f_956f9fbcc8a7["ensureCorrectIsomorphicReactVersion"]
  1b3f328f_ac2c_6e3e_233b_fbbe5d0412b0 --> e37db8d5_c1fd_9269_069f_956f9fbcc8a7
  deb757e1_18ff_e5ad_ed9f_ea0c0a95e97d["ReactDOMSharedInternalsFB.js"]
  1b3f328f_ac2c_6e3e_233b_fbbe5d0412b0 --> deb757e1_18ff_e5ad_ed9f_ea0c0a95e97d
  d8f20c67_f5fa_0f0a_c967_c41fd9ffce07["ReactTypes"]
  1b3f328f_ac2c_6e3e_233b_fbbe5d0412b0 --> d8f20c67_f5fa_0f0a_c967_c41fd9ffce07
  8344de1b_978c_be0f_eebd_38ccc4962a93["ReactFeatureFlags"]
  1b3f328f_ac2c_6e3e_233b_fbbe5d0412b0 --> 8344de1b_978c_be0f_eebd_38ccc4962a93
  a3cf5227_1f98_134e_5b97_2f5a7eb1ceee["ReactDOMContainer"]
  1b3f328f_ac2c_6e3e_233b_fbbe5d0412b0 --> a3cf5227_1f98_134e_5b97_2f5a7eb1ceee
  bae05b30_228b_6cd1_459e_40bed9ad1d79["ReactDOMEventHandle"]
  1b3f328f_ac2c_6e3e_233b_fbbe5d0412b0 --> bae05b30_228b_6cd1_459e_40bed9ad1d79
  bfa27636_b111_df34_5d84_29e8a8377745["ReactDOMUpdatePriority"]
  1b3f328f_ac2c_6e3e_233b_fbbe5d0412b0 --> bfa27636_b111_df34_5d84_29e8a8377745
  ddecbf3f_f337_559f_a83b_7d088cc54c15["ReactFiberReconciler"]
  1b3f328f_ac2c_6e3e_233b_fbbe5d0412b0 --> ddecbf3f_f337_559f_a83b_7d088cc54c15
  182df6ee_8a66_3ae5_5e15_66ae1688a2c6["ReactPortal"]
  1b3f328f_ac2c_6e3e_233b_fbbe5d0412b0 --> 182df6ee_8a66_3ae5_5e15_66ae1688a2c6
  de79e1ff_cd82_893f_4de4_c543c7303310["ExecutionEnvironment"]
  1b3f328f_ac2c_6e3e_233b_fbbe5d0412b0 --> de79e1ff_cd82_893f_4de4_c543c7303310
  0b5d77d6_fa00_515b_1198_0f2d2642dc21["ReactVersion"]
  1b3f328f_ac2c_6e3e_233b_fbbe5d0412b0 --> 0b5d77d6_fa00_515b_1198_0f2d2642dc21
  30f802b5_5184_4829_9e86_827fcb259d65["ReactDOMComponentTree"]
  1b3f328f_ac2c_6e3e_233b_fbbe5d0412b0 --> 30f802b5_5184_4829_9e86_827fcb259d65
  style 1b3f328f_ac2c_6e3e_233b_fbbe5d0412b0 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} from 'shared/ReactTypes';

import {disableLegacyMode} from 'shared/ReactFeatureFlags';
import {isValidContainer} from 'react-dom-bindings/src/client/ReactDOMContainer';
import {createEventHandle} from 'react-dom-bindings/src/client/ReactDOMEventHandle';
import {runWithPriority} from 'react-dom-bindings/src/client/ReactDOMUpdatePriority';
import {flushSync as flushSyncIsomorphic} from '../shared/ReactDOMFlushSync';

import {
  flushSyncFromReconciler as flushSyncWithoutWarningIfAlreadyRendering,
  isAlreadyRendering,
  injectIntoDevTools,
  findHostInstance,
} from 'react-reconciler/src/ReactFiberReconciler';
import {createPortal as createPortalImpl} from 'react-reconciler/src/ReactPortal';
import {canUseDOM} from 'shared/ExecutionEnvironment';
import ReactVersion from 'shared/ReactVersion';

import {ensureCorrectIsomorphicReactVersion} from '../shared/ensureCorrectIsomorphicReactVersion';
ensureCorrectIsomorphicReactVersion();

import {
  getInstanceFromNode,
  getNodeFromInstance,
  getFiberCurrentPropsFromNode,
} from 'react-dom-bindings/src/client/ReactDOMComponentTree';
import {
  enqueueStateRestore,
  restoreStateIfNeeded,
} from 'react-dom-bindings/src/events/ReactDOMControlledComponent';
import Internals from '../ReactDOMSharedInternalsFB';

export {
  prefetchDNS,
  preconnect,
  preload,
  preloadModule,
  preinit,
  preinitModule,
} from '../shared/ReactDOMFloat';
export {
  useFormStatus,
  useFormState,
  requestFormReset,
} from 'react-dom-bindings/src/shared/ReactDOMFormActions';

if (__DEV__) {
  if (
    typeof Map !== 'function' ||
    // $FlowFixMe[prop-missing] Flow incorrectly thinks Map has no prototype
    Map.prototype == null ||
// ... (118 more lines)

Domain

Subdomains

Functions

Dependencies

Source

Frequently Asked Questions

What does ReactDOMClientFB.js do?
ReactDOMClientFB.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 ReactDOMClientFB.js?
ReactDOMClientFB.js defines 1 function(s): createPortal.
What does ReactDOMClientFB.js depend on?
ReactDOMClientFB.js imports 15 module(s): ExecutionEnvironment, ReactDOMComponentTree, ReactDOMContainer, ReactDOMControlledComponent, ReactDOMEventHandle, ReactDOMFlushSync.js, ReactDOMSharedInternalsFB.js, ReactDOMUpdatePriority, and 7 more.
Where is ReactDOMClientFB.js in the architecture?
ReactDOMClientFB.js is located at packages/react-dom/src/client/ReactDOMClientFB.js (domain: BabelCompiler, subdomain: Validation, 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