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

InspectableElements.js — react Source File

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

File javascript BabelCompiler Validation 21 imports 1 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  ee521c92_6aea_ed48_b3b2_59ca21d468e3["InspectableElements.js"]
  96987b9c_f1f4_7eeb_ed65_99d35ff9845e["UnserializableProps.js"]
  ee521c92_6aea_ed48_b3b2_59ca21d468e3 --> 96987b9c_f1f4_7eeb_ed65_99d35ff9845e
  e9df1dca_f793_da9e_aee2_2f47d28133b3["UnserializableProps"]
  ee521c92_6aea_ed48_b3b2_59ca21d468e3 --> e9df1dca_f793_da9e_aee2_2f47d28133b3
  73bdd2d9_8ba6_ed8a_771f_3f1651763ceb["CircularReferences.js"]
  ee521c92_6aea_ed48_b3b2_59ca21d468e3 --> 73bdd2d9_8ba6_ed8a_771f_3f1651763ceb
  abfb6d71_5c05_f9b6_ccd8_6aa9db667287["CircularReferences"]
  ee521c92_6aea_ed48_b3b2_59ca21d468e3 --> abfb6d71_5c05_f9b6_ccd8_6aa9db667287
  94f0305b_87cd_72d5_489c_d2ce0ce0ccea["Contexts.js"]
  ee521c92_6aea_ed48_b3b2_59ca21d468e3 --> 94f0305b_87cd_72d5_489c_d2ce0ce0ccea
  558d1213_8e28_1b9e_f470_2ddacc7d9271["CustomHooks.js"]
  ee521c92_6aea_ed48_b3b2_59ca21d468e3 --> 558d1213_8e28_1b9e_f470_2ddacc7d9271
  f299a244_d7dd_da2c_27bf_42a1ac69d9e0["CustomObject.js"]
  ee521c92_6aea_ed48_b3b2_59ca21d468e3 --> f299a244_d7dd_da2c_27bf_42a1ac69d9e0
  d5ce79e3_0b47_285c_a053_0bf37017df43["CustomObject"]
  ee521c92_6aea_ed48_b3b2_59ca21d468e3 --> d5ce79e3_0b47_285c_a053_0bf37017df43
  5b9ccc60_5f4e_8b4c_16b2_0c9a2696cda3["EdgeCaseObjects.js"]
  ee521c92_6aea_ed48_b3b2_59ca21d468e3 --> 5b9ccc60_5f4e_8b4c_16b2_0c9a2696cda3
  2fcb4808_d3d9_eb27_2de2_5e5ef6241e2d["EdgeCaseObjects"]
  ee521c92_6aea_ed48_b3b2_59ca21d468e3 --> 2fcb4808_d3d9_eb27_2de2_5e5ef6241e2d
  7e82fcb1_9f36_01a2_2f38_3c789b197976["NestedProps.js"]
  ee521c92_6aea_ed48_b3b2_59ca21d468e3 --> 7e82fcb1_9f36_01a2_2f38_3c789b197976
  8015e0d2_49d7_3bd3_a9d4_49d5ec23aa4d["SimpleValues.js"]
  ee521c92_6aea_ed48_b3b2_59ca21d468e3 --> 8015e0d2_49d7_3bd3_a9d4_49d5ec23aa4d
  a739d382_fddf_8048_1792_a4d60423e11b["SimpleValues"]
  ee521c92_6aea_ed48_b3b2_59ca21d468e3 --> a739d382_fddf_8048_1792_a4d60423e11b
  58cbbc9c_8288_86c2_9a7e_ca9c7ed97cca["SymbolKeys.js"]
  ee521c92_6aea_ed48_b3b2_59ca21d468e3 --> 58cbbc9c_8288_86c2_9a7e_ca9c7ed97cca
  style ee521c92_6aea_ed48_b3b2_59ca21d468e3 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 * as React from 'react';
import {Fragment} from 'react';
import UnserializableProps from './UnserializableProps';
import CircularReferences from './CircularReferences';
import Contexts from './Contexts';
import CustomHooks from './CustomHooks';
import CustomObject from './CustomObject';
import EdgeCaseObjects from './EdgeCaseObjects.js';
import NestedProps from './NestedProps';
import SimpleValues from './SimpleValues';
import SymbolKeys from './SymbolKeys';
import UseMemoCache from './UseMemoCache';
import UseEffectEvent from './UseEffectEvent';
import UseSyncExternalStore from './UseSyncExternalStore';

// TODO Add Immutable JS example

export default function InspectableElements(): React.Node {
  return (
    <Fragment>
      <h1>Inspectable elements</h1>
      <SimpleValues />
      <UnserializableProps />
      <NestedProps />
      <Contexts />
      <CustomHooks />
      <CustomObject />
      <EdgeCaseObjects />
      <CircularReferences />
      <SymbolKeys />
      <UseMemoCache />
      <UseEffectEvent />
      <UseSyncExternalStore />
    </Fragment>
  );
}

Domain

Subdomains

Functions

Dependencies

Imported By

Source

Frequently Asked Questions

What does InspectableElements.js do?
InspectableElements.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 InspectableElements.js?
InspectableElements.js defines 1 function(s): InspectableElements.
What does InspectableElements.js depend on?
InspectableElements.js imports 21 module(s): CircularReferences, CircularReferences.js, Contexts.js, CustomHooks.js, CustomObject, CustomObject.js, EdgeCaseObjects, EdgeCaseObjects.js, and 13 more.
What files import InspectableElements.js?
InspectableElements.js is imported by 1 file(s): index.js.
Where is InspectableElements.js in the architecture?
InspectableElements.js is located at packages/react-devtools-shell/src/app/InspectableElements/InspectableElements.js (domain: BabelCompiler, subdomain: Validation, directory: packages/react-devtools-shell/src/app/InspectableElements).

Analyze Your Own Codebase

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

Try Supermodel Free