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. 10 imports, 1 dependents.

File javascript BabelCompiler Validation 10 imports 1 dependents 6 functions

Entity Profile

Dependency Diagram

graph LR
  27444ff2_8253_76db_da6c_4967b0d20cee["renderer.js"]
  0de29888_ca49_eb3c_33f7_ab4fff46de0b["utils.js"]
  27444ff2_8253_76db_da6c_4967b0d20cee --> 0de29888_ca49_eb3c_33f7_ab4fff46de0b
  9487a7c4_3e86_9e27_9d66_67935d8470b6["index.js"]
  27444ff2_8253_76db_da6c_4967b0d20cee --> 9487a7c4_3e86_9e27_9d66_67935d8470b6
  bcb71f5e_1ecf_5620_9a9e_55d6ab61dd1f["constants.js"]
  27444ff2_8253_76db_da6c_4967b0d20cee --> bcb71f5e_1ecf_5620_9a9e_55d6ab61dd1f
  8279557a_7bce_460a_8a5c_d1a3e46f96c0["utils.js"]
  27444ff2_8253_76db_da6c_4967b0d20cee --> 8279557a_7bce_460a_8a5c_d1a3e46f96c0
  25f0e20e_3849_3b03_9630_fb8108361c04["decorateMany"]
  27444ff2_8253_76db_da6c_4967b0d20cee --> 25f0e20e_3849_3b03_9630_fb8108361c04
  a30563a5_07ce_6baf_bac6_0f63b74818bf["forceUpdate"]
  27444ff2_8253_76db_da6c_4967b0d20cee --> a30563a5_07ce_6baf_bac6_0f63b74818bf
  f8c9cd72_bda8_fa8f_0cdf_9d602a414851["restoreMany"]
  27444ff2_8253_76db_da6c_4967b0d20cee --> f8c9cd72_bda8_fa8f_0cdf_9d602a414851
  0304bbc8_f110_6643_71c6_d26bddc58fde["types.js"]
  27444ff2_8253_76db_da6c_4967b0d20cee --> 0304bbc8_f110_6643_71c6_d26bddc58fde
  aec7978f_0a19_ba93_de9e_ac8cf5ddc74b["types"]
  27444ff2_8253_76db_da6c_4967b0d20cee --> aec7978f_0a19_ba93_de9e_ac8cf5ddc74b
  627bb742_21aa_b4fd_fe2d_4a963a1f9278["utils"]
  27444ff2_8253_76db_da6c_4967b0d20cee --> 627bb742_21aa_b4fd_fe2d_4a963a1f9278
  8279557a_7bce_460a_8a5c_d1a3e46f96c0["utils.js"]
  8279557a_7bce_460a_8a5c_d1a3e46f96c0 --> 27444ff2_8253_76db_da6c_4967b0d20cee
  style 27444ff2_8253_76db_da6c_4967b0d20cee 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 {
  ElementTypeClass,
  ElementTypeFunction,
  ElementTypeRoot,
  ElementTypeHostComponent,
  ElementTypeOtherOrUnknown,
} from 'react-devtools-shared/src/frontend/types';
import {getUID, utfEncodeString, printOperationsArray} from '../../utils';
import {
  cleanForBridge,
  copyWithDelete,
  copyWithRename,
  copyWithSet,
  serializeToString,
} from '../utils';
import {
  deletePathInObject,
  getDisplayName,
  getInObject,
  renamePathInObject,
  setInObject,
} from 'react-devtools-shared/src/utils';
import {
  __DEBUG__,
  TREE_OPERATION_ADD,
  TREE_OPERATION_REMOVE,
  TREE_OPERATION_REORDER_CHILDREN,
  SUSPENSE_TREE_OPERATION_ADD,
  SUSPENSE_TREE_OPERATION_REMOVE,
  UNKNOWN_SUSPENDERS_NONE,
} from '../../constants';
import {decorateMany, forceUpdate, restoreMany} from './utils';

import type {
  DevToolsHook,
  GetElementIDForHostInstance,
  InspectedElementPayload,
  InstanceAndStyle,
  HostInstance,
  PathFrame,
  PathMatch,
  RendererInterface,
} from '../types';
import type {
  ComponentFilter,
  ElementType,
} from 'react-devtools-shared/src/frontend/types';
import type {InspectedElement, SerializedElement} from '../types';

export type InternalInstance = Object;
type LegacyRenderer = Object;
// ... (1250 more lines)

Domain

Subdomains

Functions

Dependencies

Imported By

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, Validation subdomain.
What functions are defined in renderer.js?
renderer.js defines 6 function(s): _currentElement, attach, getChildren, getData, getElementType, pushOperation.
What does renderer.js depend on?
renderer.js imports 10 module(s): constants.js, decorateMany, forceUpdate, index.js, restoreMany, types, types.js, utils, and 2 more.
What files import renderer.js?
renderer.js is imported by 1 file(s): utils.js.
Where is renderer.js in the architecture?
renderer.js is located at packages/react-devtools-shared/src/backend/legacy/renderer.js (domain: BabelCompiler, subdomain: Validation, directory: packages/react-devtools-shared/src/backend/legacy).

Analyze Your Own Codebase

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

Try Supermodel Free