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

ReactDOMComponent.js — react Source File

Architecture documentation for ReactDOMComponent.js, a javascript file in the react codebase. 55 imports, 1 dependents.

File javascript BabelCompiler Validation 55 imports 1 dependents 33 functions

Entity Profile

Dependency Diagram

graph LR
  1e990658_7cea_75be_1f24_2399bdf9f15b["ReactDOMComponent.js"]
  9c694103_7f39_88d0_6b4d_f9b2ffed5731["ReactFiberConfigDOM.js"]
  1e990658_7cea_75be_1f24_2399bdf9f15b --> 9c694103_7f39_88d0_6b4d_f9b2ffed5731
  e1c602b7_5988_fa00_bb9f_269d66d38107["EventRegistry.js"]
  1e990658_7cea_75be_1f24_2399bdf9f15b --> e1c602b7_5988_fa00_bb9f_269d66d38107
  610351e4_d33b_fa99_6ef7_a03d24afd5a4["ReactControlledValuePropTypes.js"]
  1e990658_7cea_75be_1f24_2399bdf9f15b --> 610351e4_d33b_fa99_6ef7_a03d24afd5a4
  25aca4ae_e70f_705d_7673_e44af72ab539["checkControlledValueProps"]
  1e990658_7cea_75be_1f24_2399bdf9f15b --> 25aca4ae_e70f_705d_7673_e44af72ab539
  390123a6_56c3_29ed_a331_44deb86078d6["DOMPropertyOperations.js"]
  1e990658_7cea_75be_1f24_2399bdf9f15b --> 390123a6_56c3_29ed_a331_44deb86078d6
  6ce22a4c_4c21_b911_0098_c100d92df4d3["getValueForAttribute"]
  1e990658_7cea_75be_1f24_2399bdf9f15b --> 6ce22a4c_4c21_b911_0098_c100d92df4d3
  384f9fa9_8448_66ce_0422_34f51fe0d9cd["getValueForAttributeOnCustomComponent"]
  1e990658_7cea_75be_1f24_2399bdf9f15b --> 384f9fa9_8448_66ce_0422_34f51fe0d9cd
  7ef9c2ac_b7a6_04bb_4dac_940bd3dcfe7d["setValueForPropertyOnCustomComponent"]
  1e990658_7cea_75be_1f24_2399bdf9f15b --> 7ef9c2ac_b7a6_04bb_4dac_940bd3dcfe7d
  ff83d1d6_04b2_f2c3_24b2_6ffa36a99dd8["setValueForKnownAttribute"]
  1e990658_7cea_75be_1f24_2399bdf9f15b --> ff83d1d6_04b2_f2c3_24b2_6ffa36a99dd8
  b75892dd_dacd_d978_2b97_090839521b0e["setValueForAttribute"]
  1e990658_7cea_75be_1f24_2399bdf9f15b --> b75892dd_dacd_d978_2b97_090839521b0e
  442618bc_3428_a2b9_4084_a722c28117bc["setValueForNamespacedAttribute"]
  1e990658_7cea_75be_1f24_2399bdf9f15b --> 442618bc_3428_a2b9_4084_a722c28117bc
  ebd36fdb_cc70_52b6_9971_bcace1958602["ReactDOMInput.js"]
  1e990658_7cea_75be_1f24_2399bdf9f15b --> ebd36fdb_cc70_52b6_9971_bcace1958602
  7fde30c4_2df7_4194_0c3e_083dd0f57c00["validateInputProps"]
  1e990658_7cea_75be_1f24_2399bdf9f15b --> 7fde30c4_2df7_4194_0c3e_083dd0f57c00
  754de9fa_432c_542e_fa21_08b18b75915b["initInput"]
  1e990658_7cea_75be_1f24_2399bdf9f15b --> 754de9fa_432c_542e_fa21_08b18b75915b
  style 1e990658_7cea_75be_1f24_2399bdf9f15b 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 {HostContext, HostContextDev} from './ReactFiberConfigDOM';

import {HostContextNamespaceNone} from './ReactFiberConfigDOM';

import {
  registrationNameDependencies,
  possibleRegistrationNames,
} from '../events/EventRegistry';

import {checkHtmlStringCoercion} from 'shared/CheckStringCoercion';
import {checkAttributeStringCoercion} from 'shared/CheckStringCoercion';
import {checkControlledValueProps} from '../shared/ReactControlledValuePropTypes';

import {
  getValueForAttribute,
  getValueForAttributeOnCustomComponent,
  setValueForPropertyOnCustomComponent,
  setValueForKnownAttribute,
  setValueForAttribute,
  setValueForNamespacedAttribute,
} from './DOMPropertyOperations';
import {
  validateInputProps,
  initInput,
  updateInput,
  restoreControlledInputState,
} from './ReactDOMInput';
import {validateOptionProps} from './ReactDOMOption';
import {
  validateSelectProps,
  initSelect,
  restoreControlledSelectState,
  updateSelect,
} from './ReactDOMSelect';
import {
  validateTextareaProps,
  initTextarea,
  updateTextarea,
  restoreControlledTextareaState,
} from './ReactDOMTextarea';
import {setSrcObject} from './ReactDOMSrcObject';
import {validateTextNesting} from './validateDOMNesting';
import setTextContent from './setTextContent';
import {
  createDangerousStringForStyles,
  setValueForStyles,
} from './CSSPropertyOperations';
import {SVG_NAMESPACE, MATH_NAMESPACE} from './DOMNamespaces';
import isCustomElement from '../shared/isCustomElement';
import getAttributeAlias from '../shared/getAttributeAlias';
import possibleStandardNames from '../shared/possibleStandardNames';
// ... (3320 more lines)

Domain

Subdomains

Functions

Dependencies

Imported By

Source

Frequently Asked Questions

What does ReactDOMComponent.js do?
ReactDOMComponent.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 ReactDOMComponent.js?
ReactDOMComponent.js defines 33 function(s): checkForUnmatchedText, diffHydratedCustomComponent, diffHydratedGenericElement, diffHydratedProperties, diffHydratedStyles, getPossibleStandardName, getPropNameFromAttributeName, getPropsFromElement, getStylesObjectFromElement, hasViewTransition, and 23 more.
What does ReactDOMComponent.js depend on?
ReactDOMComponent.js imports 55 module(s): CSSPropertyOperations.js, CheckStringCoercion, DOMNamespaces.js, DOMPluginEventSystem.js, DOMPropertyOperations.js, EventRegistry.js, ReactControlledValuePropTypes.js, ReactDOMInput.js, and 47 more.
What files import ReactDOMComponent.js?
ReactDOMComponent.js is imported by 1 file(s): ReactFiberConfigDOM.js.
Where is ReactDOMComponent.js in the architecture?
ReactDOMComponent.js is located at packages/react-dom-bindings/src/client/ReactDOMComponent.js (domain: BabelCompiler, subdomain: Validation, directory: packages/react-dom-bindings/src/client).

Analyze Your Own Codebase

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

Try Supermodel Free