Home / File/ index.js — react Source File

index.js — react Source File

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

File javascript BabelCompiler Validation 29 imports 6 functions

Entity Profile

Dependency Diagram

graph LR
  30d76895_4832_9ca3_9e81_e0cdf028c09c["index.js"]
  0a2e02fb_c33f_5f1e_e182_fbc069244bcb["index.js"]
  30d76895_4832_9ca3_9e81_e0cdf028c09c --> 0a2e02fb_c33f_5f1e_e182_fbc069244bcb
  1f75073f_8676_7fb1_84e5_ea412c275f25["DeeplyNestedComponents"]
  30d76895_4832_9ca3_9e81_e0cdf028c09c --> 1f75073f_8676_7fb1_84e5_ea412c275f25
  17456f08_e914_e516_fd93_bcba59546deb["index.js"]
  30d76895_4832_9ca3_9e81_e0cdf028c09c --> 17456f08_e914_e516_fd93_bcba59546deb
  be26b50f_0f2c_a3dc_8e1a_fd7cb6a59010["Iframe"]
  30d76895_4832_9ca3_9e81_e0cdf028c09c --> be26b50f_0f2c_a3dc_8e1a_fd7cb6a59010
  3a02e121_a575_f687_567f_39a3a9f90904["index.js"]
  30d76895_4832_9ca3_9e81_e0cdf028c09c --> 3a02e121_a575_f687_567f_39a3a9f90904
  00568843_3949_1727_d0d0_78bc6c834b68["index.js"]
  30d76895_4832_9ca3_9e81_e0cdf028c09c --> 00568843_3949_1727_d0d0_78bc6c834b68
  ec8d474b_1323_06ba_8192_f093097700c3["ElementTypes"]
  30d76895_4832_9ca3_9e81_e0cdf028c09c --> ec8d474b_1323_06ba_8192_f093097700c3
  e807a8fd_f5a9_c035_6d61_8fb4ddb9b6b2["index.js"]
  30d76895_4832_9ca3_9e81_e0cdf028c09c --> e807a8fd_f5a9_c035_6d61_8fb4ddb9b6b2
  c5b1d537_0923_8273_5384_a757c6a7ad7c["Hydration"]
  30d76895_4832_9ca3_9e81_e0cdf028c09c --> c5b1d537_0923_8273_5384_a757c6a7ad7c
  4fcb1954_40cf_7ec8_32f7_0964da083a21["index.js"]
  30d76895_4832_9ca3_9e81_e0cdf028c09c --> 4fcb1954_40cf_7ec8_32f7_0964da083a21
  c2796300_576b_e429_f52a_5d5f328cb93f["index.js"]
  30d76895_4832_9ca3_9e81_e0cdf028c09c --> c2796300_576b_e429_f52a_5d5f328cb93f
  82aac07d_58ba_ae89_cd36_8077b8f57044["ReactNativeWeb"]
  30d76895_4832_9ca3_9e81_e0cdf028c09c --> 82aac07d_58ba_ae89_cd36_8077b8f57044
  06a7c3d2_ab87_2c22_78f1_74eb83666c52["index.js"]
  30d76895_4832_9ca3_9e81_e0cdf028c09c --> 06a7c3d2_ab87_2c22_78f1_74eb83666c52
  bdefc50b_e51a_112b_8618_eaca18aac501["index.js"]
  30d76895_4832_9ca3_9e81_e0cdf028c09c --> bdefc50b_e51a_112b_8618_eaca18aac501
  style 30d76895_4832_9ca3_9e81_e0cdf028c09c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

/** @flow */

// This test harness mounts each test app as a separate root to test multi-root applications.

import semver from 'semver';

import {createElement} from 'react';
import {createRoot} from 'react-dom/client';

import DeeplyNestedComponents from './DeeplyNestedComponents';
import Iframe from './Iframe';
import EditableProps from './EditableProps';
import ElementTypes from './ElementTypes';
import Hydration from './Hydration';
import InspectableElements from './InspectableElements';
import ReactNativeWeb from './ReactNativeWeb';
import ToDoList from './ToDoList';
import Toggle from './Toggle';
import ErrorBoundaries from './ErrorBoundaries';
import PartiallyStrictApp from './PartiallyStrictApp';
import Segments from './Segments';
import SuspenseTree from './SuspenseTree';
import TraceUpdatesTest from './TraceUpdatesTest';
import {ignoreErrors, ignoreLogs, ignoreWarnings} from './console';

import './styles.css';

// DevTools intentionally tests compatibility with certain legacy APIs.
// Suppress their error messages in the local dev shell,
// because they might mask other more serious error messages.
ignoreErrors([
  'Warning: Legacy context API',
  'Warning: Unsafe lifecycle methods',
  'Warning: %s is deprecated in StrictMode.', // findDOMNode
  'Warning: ReactDOM.render was removed in React 19',
  'Warning: react-test-renderer is deprecated',
  // Ignore prefixed and not prefixed since I don't know which
  // React versions are being tested by this code.
  'Legacy context API',
  'Unsafe lifecycle methods',
  '%s is deprecated in StrictMode.', // findDOMNode
  'ReactDOM.render was removed in React 19',
  'react-test-renderer is deprecated',
]);
ignoreWarnings([
  'Warning: componentWillReceiveProps has been renamed',
  'componentWillReceiveProps has been renamed',
]);
ignoreLogs([]);

const unmountFunctions: Array<() => void | boolean> = [];

function createContainer() {
  const container = document.createElement('div');

  ((document.body: any): HTMLBodyElement).appendChild(container);

  return container;
}

// ... (73 more lines)

Domain

Subdomains

Frequently Asked Questions

What does index.js do?
index.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 index.js?
index.js defines 6 function(s): createContainer, mountApp, mountLegacyApp, mountStrictApp, mountTestApp, unmountTestApp.
What does index.js depend on?
index.js imports 29 module(s): DeeplyNestedComponents, ElementTypes, ErrorBoundaries, Hydration, Iframe, PartiallyStrictApp, ReactNativeWeb, SuspenseTree, and 21 more.
Where is index.js in the architecture?
index.js is located at packages/react-devtools-shell/src/app/index.js (domain: BabelCompiler, subdomain: Validation, directory: packages/react-devtools-shell/src/app).

Analyze Your Own Codebase

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

Try Supermodel Free