ReactFiberComponentStack.js — react Source File
Architecture documentation for ReactFiberComponentStack.js, a javascript file in the react codebase. 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
- ReactComponentStackFrame
- ReactFeatureFlags
- ReactInternalTypes.js
- ReactOwnerStackFrames
- ReactTypes
- ReactWorkTags.js
Imported By
Source
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