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

ReactFiber.js — react Source File

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

File javascript BabelCompiler Validation 25 imports 6 dependents 5 functions

Entity Profile

Dependency Diagram

graph LR
  8a03468f_f6e2_d5a3_fdef_e77ebca449c2["ReactFiber.js"]
  6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f["ReactInternalTypes.js"]
  8a03468f_f6e2_d5a3_fdef_e77ebca449c2 --> 6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f
  0806a67e_4a6c_64f1_6464_5f62c4da3fad["ReactRootTags.js"]
  8a03468f_f6e2_d5a3_fdef_e77ebca449c2 --> 0806a67e_4a6c_64f1_6464_5f62c4da3fad
  d3557f30_4fca_e30a_91c5_c23d4b8dba99["ReactWorkTags.js"]
  8a03468f_f6e2_d5a3_fdef_e77ebca449c2 --> d3557f30_4fca_e30a_91c5_c23d4b8dba99
  da3c54a1_3083_4820_c4b4_b893d0987ccb["ReactTypeOfMode.js"]
  8a03468f_f6e2_d5a3_fdef_e77ebca449c2 --> da3c54a1_3083_4820_c4b4_b893d0987ccb
  768f6d67_77c1_be19_5596_a943eab59e05["ReactFiberLane.js"]
  8a03468f_f6e2_d5a3_fdef_e77ebca449c2 --> 768f6d67_77c1_be19_5596_a943eab59e05
  a6668d1d_397d_7807_719d_fdecf552fa4a["ReactFiberConfig.js"]
  8a03468f_f6e2_d5a3_fdef_e77ebca449c2 --> a6668d1d_397d_7807_719d_fdecf552fa4a
  79172409_a09a_afa9_9185_df1c9182af84["ReactFiberOffscreenComponent.js"]
  8a03468f_f6e2_d5a3_fdef_e77ebca449c2 --> 79172409_a09a_afa9_9185_df1c9182af84
  d8bd6ba1_1cbe_86c2_6f2f_604c53e981b3["ReactFiberViewTransitionComponent.js"]
  8a03468f_f6e2_d5a3_fdef_e77ebca449c2 --> d8bd6ba1_1cbe_86c2_6f2f_604c53e981b3
  05714c8c_b2f5_ddac_3f79_222b33006713["ReactFiberTracingMarkerComponent.js"]
  8a03468f_f6e2_d5a3_fdef_e77ebca449c2 --> 05714c8c_b2f5_ddac_3f79_222b33006713
  6773f9a2_fdb7_4938_741f_4887273ad469["ReactFiberFlags.js"]
  8a03468f_f6e2_d5a3_fdef_e77ebca449c2 --> 6773f9a2_fdb7_4938_741f_4887273ad469
  1f955e30_ff03_d9f9_d498_58b7dc7858dc["ReactFiberDevToolsHook.js"]
  8a03468f_f6e2_d5a3_fdef_e77ebca449c2 --> 1f955e30_ff03_d9f9_d498_58b7dc7858dc
  da68ece0_17b1_3c98_d393_5c830eacd9b2["ReactFiberHotReloading.js"]
  8a03468f_f6e2_d5a3_fdef_e77ebca449c2 --> da68ece0_17b1_3c98_d393_5c830eacd9b2
  ccb6a80e_35f5_7317_a88b_4f1e3140fb94["resolveClassForHotReloading"]
  8a03468f_f6e2_d5a3_fdef_e77ebca449c2 --> ccb6a80e_35f5_7317_a88b_4f1e3140fb94
  54379e26_51e2_5baf_65fd_04a04dbf0118["resolveFunctionForHotReloading"]
  8a03468f_f6e2_d5a3_fdef_e77ebca449c2 --> 54379e26_51e2_5baf_65fd_04a04dbf0118
  style 8a03468f_f6e2_d5a3_fdef_e77ebca449c2 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 {ReactElement} from 'shared/ReactElementType';
import type {
  ReactFragment,
  ReactPortal,
  ReactScope,
  ViewTransitionProps,
  ActivityProps,
  ReactKey,
} from 'shared/ReactTypes';
import type {Fiber} from './ReactInternalTypes';
import type {RootTag} from './ReactRootTags';
import type {WorkTag} from './ReactWorkTags';
import type {TypeOfMode} from './ReactTypeOfMode';
import type {Lanes} from './ReactFiberLane';
import type {ActivityInstance, SuspenseInstance} from './ReactFiberConfig';
import type {
  LegacyHiddenProps,
  OffscreenProps,
} from './ReactFiberOffscreenComponent';
import type {ViewTransitionState} from './ReactFiberViewTransitionComponent';
import type {TracingMarkerInstance} from './ReactFiberTracingMarkerComponent';

import {
  supportsResources,
  supportsSingletons,
  isHostHoistableType,
  isHostSingletonType,
} from './ReactFiberConfig';
import {
  enableProfilerTimer,
  enableScopeAPI,
  enableLegacyHidden,
  enableTransitionTracing,
  disableLegacyMode,
  enableObjectFiber,
  enableViewTransition,
  enableSuspenseyImages,
  enableOptimisticKey,
} from 'shared/ReactFeatureFlags';
import {NoFlags, Placement, StaticMask} from './ReactFiberFlags';
import {ConcurrentRoot} from './ReactRootTags';
import {
  ClassComponent,
  HostRoot,
  HostComponent,
  HostText,
  HostPortal,
  HostHoistable,
  HostSingleton,
  ForwardRef,
  Fragment,
// ... (900 more lines)

Domain

Subdomains

Functions

Dependencies

Imported By

Source

Frequently Asked Questions

What does ReactFiber.js do?
ReactFiber.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 ReactFiber.js?
ReactFiber.js defines 5 function(s): FiberNode, createFiberImplClass, createFiberImplObject, isSimpleFunctionComponent, shouldConstruct.
What does ReactFiber.js depend on?
ReactFiber.js imports 25 module(s): ReactElementType, ReactFeatureFlags, ReactFiberConfig.js, ReactFiberDevToolsHook.js, ReactFiberFlags.js, ReactFiberHostContext.js, ReactFiberHotReloading.js, ReactFiberLane.js, and 17 more.
What files import ReactFiber.js?
ReactFiber.js is imported by 6 file(s): ReactChildFiber.js, ReactFiberAct.js, ReactFiberBeginWork.js, ReactFiberHydrationContext.js, ReactFiberRoot.js, ReactFiberWorkLoop.js.
Where is ReactFiber.js in the architecture?
ReactFiber.js is located at packages/react-reconciler/src/ReactFiber.js (domain: BabelCompiler, subdomain: Validation, 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