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

ReactFiberClassComponent.js — react Source File

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

File javascript BabelCompiler Validation 24 imports 2 dependents 14 functions

Entity Profile

Dependency Diagram

graph LR
  3805476a_1924_0e35_fff7_6afad197a523["ReactFiberClassComponent.js"]
  6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f["ReactInternalTypes.js"]
  3805476a_1924_0e35_fff7_6afad197a523 --> 6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f
  768f6d67_77c1_be19_5596_a943eab59e05["ReactFiberLane.js"]
  3805476a_1924_0e35_fff7_6afad197a523 --> 768f6d67_77c1_be19_5596_a943eab59e05
  39c2d339_1422_a702_78f7_1997d8d72c29["ReactFiberClassUpdateQueue.js"]
  3805476a_1924_0e35_fff7_6afad197a523 --> 39c2d339_1422_a702_78f7_1997d8d72c29
  6773f9a2_fdb7_4938_741f_4887273ad469["ReactFiberFlags.js"]
  3805476a_1924_0e35_fff7_6afad197a523 --> 6773f9a2_fdb7_4938_741f_4887273ad469
  95cbada5_3ad8_e19b_606d_d87294fdf73d["ReactStrictModeWarnings.js"]
  3805476a_1924_0e35_fff7_6afad197a523 --> 95cbada5_3ad8_e19b_606d_d87294fdf73d
  6f6a44c6_156a_2b50_a994_789da590ebd3["ReactStrictModeWarnings"]
  3805476a_1924_0e35_fff7_6afad197a523 --> 6f6a44c6_156a_2b50_a994_789da590ebd3
  da3c54a1_3083_4820_c4b4_b893d0987ccb["ReactTypeOfMode.js"]
  3805476a_1924_0e35_fff7_6afad197a523 --> da3c54a1_3083_4820_c4b4_b893d0987ccb
  62553dd6_34d9_8b09_7c89_927d1610c445["ReactFiberLegacyContext.js"]
  3805476a_1924_0e35_fff7_6afad197a523 --> 62553dd6_34d9_8b09_7c89_927d1610c445
  278c890a_abdf_e007_0c26_ae3bc8eda908["ReactFiberNewContext.js"]
  3805476a_1924_0e35_fff7_6afad197a523 --> 278c890a_abdf_e007_0c26_ae3bc8eda908
  d73e9290_2d2e_5d3f_97dd_84929f205c77["ReactFiberWorkLoop.js"]
  3805476a_1924_0e35_fff7_6afad197a523 --> d73e9290_2d2e_5d3f_97dd_84929f205c77
  1f955e30_ff03_d9f9_d498_58b7dc7858dc["ReactFiberDevToolsHook.js"]
  3805476a_1924_0e35_fff7_6afad197a523 --> 1f955e30_ff03_d9f9_d498_58b7dc7858dc
  257d071f_0786_8469_5191_04da5fd0f650["markForceUpdateScheduled"]
  3805476a_1924_0e35_fff7_6afad197a523 --> 257d071f_0786_8469_5191_04da5fd0f650
  5d065738_88a8_a8f5_e0fb_9034a08b8dd3["markStateUpdateScheduled"]
  3805476a_1924_0e35_fff7_6afad197a523 --> 5d065738_88a8_a8f5_e0fb_9034a08b8dd3
  88d91075_df31_e6fc_5535_80030045f42a["setIsStrictModeForDevtools"]
  3805476a_1924_0e35_fff7_6afad197a523 --> 88d91075_df31_e6fc_5535_80030045f42a
  style 3805476a_1924_0e35_fff7_6afad197a523 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 {Fiber} from './ReactInternalTypes';
import type {Lanes} from './ReactFiberLane';
import type {UpdateQueue} from './ReactFiberClassUpdateQueue';

import {
  LayoutStatic,
  Update,
  Snapshot,
  MountLayoutDev,
} from './ReactFiberFlags';
import {
  disableLegacyContext,
  enableSchedulingProfiler,
} from 'shared/ReactFeatureFlags';
import ReactStrictModeWarnings from './ReactStrictModeWarnings';
import {get as getInstance, set as setInstance} from 'shared/ReactInstanceMap';
import shallowEqual from 'shared/shallowEqual';
import getComponentNameFromFiber from 'react-reconciler/src/getComponentNameFromFiber';
import getComponentNameFromType from 'shared/getComponentNameFromType';
import assign from 'shared/assign';
import isArray from 'shared/isArray';
import {REACT_CONTEXT_TYPE, REACT_CONSUMER_TYPE} from 'shared/ReactSymbols';

import {NoMode, StrictLegacyMode, StrictEffectsMode} from './ReactTypeOfMode';

import {
  enqueueUpdate,
  entangleTransitions,
  processUpdateQueue,
  checkHasForceUpdateAfterProcessing,
  resetHasForceUpdateBeforeProcessing,
  createUpdate,
  ReplaceState,
  ForceUpdate,
  initializeUpdateQueue,
  cloneUpdateQueue,
  suspendIfUpdateReadFromEntangledAsyncAction,
} from './ReactFiberClassUpdateQueue';
import {NoLanes} from './ReactFiberLane';
import {
  cacheContext,
  getMaskedContext,
  getUnmaskedContext,
  hasContextChanged,
  emptyContextObject,
} from './ReactFiberLegacyContext';
import {readContext, checkIfContextChanged} from './ReactFiberNewContext';
import {requestUpdateLane, scheduleUpdateOnFiber} from './ReactFiberWorkLoop';
import {
  markForceUpdateScheduled,
  markStateUpdateScheduled,
// ... (1165 more lines)

Domain

Subdomains

Functions

Dependencies

Imported By

Source

Frequently Asked Questions

What does ReactFiberClassComponent.js do?
ReactFiberClassComponent.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 ReactFiberClassComponent.js?
ReactFiberClassComponent.js defines 14 function(s): applyDerivedStateFromProps, callComponentWillMount, callComponentWillReceiveProps, checkClassInstance, checkShouldComponentUpdate, classComponentUpdater.lane, classComponentUpdater.payload, constructClassInstance, mountClassInstance, resolveClassComponentProps, and 4 more.
What does ReactFiberClassComponent.js depend on?
ReactFiberClassComponent.js imports 24 module(s): ReactFeatureFlags, ReactFiberClassUpdateQueue.js, ReactFiberDevToolsHook.js, ReactFiberFlags.js, ReactFiberLane.js, ReactFiberLegacyContext.js, ReactFiberNewContext.js, ReactFiberWorkLoop.js, and 16 more.
What files import ReactFiberClassComponent.js?
ReactFiberClassComponent.js is imported by 2 file(s): ReactFiberBeginWork.js, ReactFiberCommitEffects.js.
Where is ReactFiberClassComponent.js in the architecture?
ReactFiberClassComponent.js is located at packages/react-reconciler/src/ReactFiberClassComponent.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