Home / File/ ReactFiberComponentStack.js — react Source File

ReactFiberComponentStack.js — react Source File

Architecture documentation for ReactFiberComponentStack.js, a javascript file in the react codebase. 6 imports, 2 dependents.

File javascript BabelCompiler 6 imports 2 dependents

Entity Profile

Dependency Diagram

graph LR
  7ae9fa3a_48d9_66c9_fa52_cf05d4024c2b["ReactFiberComponentStack.js"]
  6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f["ReactInternalTypes.js"]
  7ae9fa3a_48d9_66c9_fa52_cf05d4024c2b --> 6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f
  d3557f30_4fca_e30a_91c5_c23d4b8dba99["ReactWorkTags.js"]
  7ae9fa3a_48d9_66c9_fa52_cf05d4024c2b --> d3557f30_4fca_e30a_91c5_c23d4b8dba99
  8344de1b_978c_be0f_eebd_38ccc4962a93["ReactFeatureFlags"]
  7ae9fa3a_48d9_66c9_fa52_cf05d4024c2b --> 8344de1b_978c_be0f_eebd_38ccc4962a93
  d8f20c67_f5fa_0f0a_c967_c41fd9ffce07["ReactTypes"]
  7ae9fa3a_48d9_66c9_fa52_cf05d4024c2b --> d8f20c67_f5fa_0f0a_c967_c41fd9ffce07
  ee0b3c9c_9a89_ddf3_7d8a_b6e3d5961d75["ReactComponentStackFrame"]
  7ae9fa3a_48d9_66c9_fa52_cf05d4024c2b --> ee0b3c9c_9a89_ddf3_7d8a_b6e3d5961d75
  f3c177af_2c49_dd70_e1c6_29ae3280aad1["ReactOwnerStackFrames"]
  7ae9fa3a_48d9_66c9_fa52_cf05d4024c2b --> f3c177af_2c49_dd70_e1c6_29ae3280aad1
  3c1744da_8f82_b464_9a56_73fd7302132b["ReactCapturedValue.js"]
  3c1744da_8f82_b464_9a56_73fd7302132b --> 7ae9fa3a_48d9_66c9_fa52_cf05d4024c2b
  c115f947_44f7_8d77_0323_1e260644c151["ReactCurrentFiber.js"]
  c115f947_44f7_8d77_0323_1e260644c151 --> 7ae9fa3a_48d9_66c9_fa52_cf05d4024c2b
  style 7ae9fa3a_48d9_66c9_fa52_cf05d4024c2b 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 {enableViewTransition} from 'shared/ReactFeatureFlags';
import type {Fiber} from './ReactInternalTypes';
import type {ReactComponentInfo} from 'shared/ReactTypes';

import {
  HostComponent,
  HostHoistable,
  HostSingleton,
  LazyComponent,
  SuspenseComponent,
  SuspenseListComponent,
  FunctionComponent,
  ForwardRef,
  SimpleMemoComponent,
  ClassComponent,
  HostText,
  ViewTransitionComponent,
  ActivityComponent,
} from './ReactWorkTags';
import {
  describeBuiltInComponentFrame,
  describeFunctionComponentFrame,
  describeClassComponentFrame,
  describeDebugInfoFrame,
} from 'shared/ReactComponentStackFrame';
import {formatOwnerStack} from 'shared/ReactOwnerStackFrames';

function describeFiber(fiber: Fiber, childFiber: null | Fiber): string {
  switch (fiber.tag) {
    case HostHoistable:
    case HostSingleton:
    case HostComponent:
      return describeBuiltInComponentFrame(fiber.type);
    case LazyComponent:
      // TODO: When we support Thenables as component types we should rename this.
      return describeBuiltInComponentFrame('Lazy');
    case SuspenseComponent:
      if (fiber.child !== childFiber && childFiber !== null) {
        // If we came from the second Fiber then we're in the Suspense Fallback.
        return describeBuiltInComponentFrame('Suspense Fallback');
      }
      return describeBuiltInComponentFrame('Suspense');
    case SuspenseListComponent:
      return describeBuiltInComponentFrame('SuspenseList');
    case FunctionComponent:
    case SimpleMemoComponent:
      return describeFunctionComponentFrame(fiber.type);
    case ForwardRef:
      return describeFunctionComponentFrame(fiber.type.render);
    case ClassComponent:
      return describeClassComponentFrame(fiber.type);
// ... (150 more lines)

Domain

Dependencies

Frequently Asked Questions

What does ReactFiberComponentStack.js do?
ReactFiberComponentStack.js is a source file in the react codebase, written in javascript. It belongs to the BabelCompiler domain.
What does ReactFiberComponentStack.js depend on?
ReactFiberComponentStack.js imports 6 module(s): ReactComponentStackFrame, ReactFeatureFlags, ReactInternalTypes.js, ReactOwnerStackFrames, ReactTypes, ReactWorkTags.js.
What files import ReactFiberComponentStack.js?
ReactFiberComponentStack.js is imported by 2 file(s): ReactCapturedValue.js, ReactCurrentFiber.js.
Where is ReactFiberComponentStack.js in the architecture?
ReactFiberComponentStack.js is located at packages/react-reconciler/src/ReactFiberComponentStack.js (domain: BabelCompiler, directory: packages/react-reconciler/src).

Analyze Your Own Codebase

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

Try Supermodel Free