index.js — react Source File
Architecture documentation for index.js, a javascript file in the react codebase. 29 imports, 0 dependents.
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
Dependencies
Source
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