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

renderer.js — react Source File

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

File javascript BabelCompiler 27 imports

Entity Profile

Dependency Diagram

graph LR
  7dc1582f_e5c4_6fb0_e998_bd2982c8c801["renderer.js"]
  9487a7c4_3e86_9e27_9d66_67935d8470b6["index.js"]
  7dc1582f_e5c4_6fb0_e998_bd2982c8c801 --> 9487a7c4_3e86_9e27_9d66_67935d8470b6
  bcb71f5e_1ecf_5620_9a9e_55d6ab61dd1f["constants.js"]
  7dc1582f_e5c4_6fb0_e998_bd2982c8c801 --> bcb71f5e_1ecf_5620_9a9e_55d6ab61dd1f
  7e839c72_8bca_0bf0_a483_b8aa6eb7f77f["ReactSymbols.js"]
  7dc1582f_e5c4_6fb0_e998_bd2982c8c801 --> 7e839c72_8bca_0bf0_a483_b8aa6eb7f77f
  64afd594_47db_a767_1e30_d2aabf1fb1d1["DevToolsServerComponentLogs.js"]
  7dc1582f_e5c4_6fb0_e998_bd2982c8c801 --> 64afd594_47db_a767_1e30_d2aabf1fb1d1
  2bbfa631_5780_6883_1746_b7c42df10b5d["DevToolsFiberComponentStack.js"]
  7dc1582f_e5c4_6fb0_e998_bd2982c8c801 --> 2bbfa631_5780_6883_1746_b7c42df10b5d
  0b15ff56_142b_73cb_3311_01c59d7f4544["getStackByFiberInDevAndProd"]
  7dc1582f_e5c4_6fb0_e998_bd2982c8c801 --> 0b15ff56_142b_73cb_3311_01c59d7f4544
  4107a6e9_e64c_c0f0_6fdd_b5fee354334b["getOwnerStackByFiberInDev"]
  7dc1582f_e5c4_6fb0_e998_bd2982c8c801 --> 4107a6e9_e64c_c0f0_6fdd_b5fee354334b
  59d1d6ca_78ee_af97_ae56_33137c2ab2cb["supportsOwnerStacks"]
  7dc1582f_e5c4_6fb0_e998_bd2982c8c801 --> 59d1d6ca_78ee_af97_ae56_33137c2ab2cb
  70f1a1bb_46c4_a03b_56b7_a30036cbc88c["supportsConsoleTasks"]
  7dc1582f_e5c4_6fb0_e998_bd2982c8c801 --> 70f1a1bb_46c4_a03b_56b7_a30036cbc88c
  19f40fb1_960e_960b_4570_41c17da62024["utils.js"]
  7dc1582f_e5c4_6fb0_e998_bd2982c8c801 --> 19f40fb1_960e_960b_4570_41c17da62024
  8700af4a_dbd5_9238_ffd7_b74781f36e27["getStyleXData"]
  7dc1582f_e5c4_6fb0_e998_bd2982c8c801 --> 8700af4a_dbd5_9238_ffd7_b74781f36e27
  bd550dba_eac8_68ba_63f3_1127c8e84572["profilingHooks.js"]
  7dc1582f_e5c4_6fb0_e998_bd2982c8c801 --> bd550dba_eac8_68ba_63f3_1127c8e84572
  0304bbc8_f110_6643_71c6_d26bddc58fde["types.js"]
  7dc1582f_e5c4_6fb0_e998_bd2982c8c801 --> 0304bbc8_f110_6643_71c6_d26bddc58fde
  011ebe97_56a8_fc8d_3526_ba9639088335["getSourceLocationByFiber"]
  7dc1582f_e5c4_6fb0_e998_bd2982c8c801 --> 011ebe97_56a8_fc8d_3526_ba9639088335
  style 7dc1582f_e5c4_6fb0_e998_bd2982c8c801 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 {
  Thenable,
  ReactComponentInfo,
  ReactDebugInfo,
  ReactAsyncInfo,
  ReactIOInfo,
  ReactStackTrace,
  ReactCallSite,
  Wakeable,
} from 'shared/ReactTypes';

import type {HooksNode, HooksTree} from 'react-debug-tools/src/ReactDebugHooks';

import {
  ComponentFilterDisplayName,
  ComponentFilterElementType,
  ComponentFilterHOC,
  ComponentFilterLocation,
  ComponentFilterEnvironmentName,
  ComponentFilterActivitySlice,
  ElementTypeClass,
  ElementTypeContext,
  ElementTypeFunction,
  ElementTypeForwardRef,
  ElementTypeHostComponent,
  ElementTypeMemo,
  ElementTypeOtherOrUnknown,
  ElementTypeProfiler,
  ElementTypeRoot,
  ElementTypeSuspense,
  ElementTypeSuspenseList,
  ElementTypeTracingMarker,
  ElementTypeViewTransition,
  ElementTypeActivity,
  ElementTypeVirtual,
  StrictMode,
} from 'react-devtools-shared/src/frontend/types';
import {
  deletePathInObject,
  getDisplayName,
  getWrappedDisplayName,
  getInObject,
  getUID,
  renamePathInObject,
  setInObject,
  utfEncodeString,
} from 'react-devtools-shared/src/utils';
import {
  formatConsoleArgumentsToSingleString,
  formatDurationToMicrosecondsGranularity,
  gt,
// ... (8927 more lines)

Domain

Dependencies

Source

Frequently Asked Questions

What does renderer.js do?
renderer.js is a source file in the react codebase, written in javascript. It belongs to the BabelCompiler domain.
What does renderer.js depend on?
renderer.js imports 27 module(s): DevToolsFiberComponentStack.js, DevToolsOwnerStack.js, DevToolsServerComponentLogs.js, ReactDebugHooks, ReactIODescription, ReactInternalTypes, ReactSymbols.js, ReactTypes, and 19 more.
Where is renderer.js in the architecture?
renderer.js is located at packages/react-devtools-shared/src/backend/fiber/renderer.js (domain: BabelCompiler, directory: packages/react-devtools-shared/src/backend/fiber).

Analyze Your Own Codebase

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

Try Supermodel Free