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

ReactFiberBeginWork.js — react Source File

Architecture documentation for ReactFiberBeginWork.js, a javascript file in the react codebase. 92 imports, 3 dependents.

File javascript BabelCompiler Validation 92 imports 3 dependents 63 functions

Entity Profile

Dependency Diagram

graph LR
  0be70812_cc0c_b210_f84f_8e61dd5f831c["ReactFiberBeginWork.js"]
  6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f["ReactInternalTypes.js"]
  0be70812_cc0c_b210_f84f_8e61dd5f831c --> 6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f
  da3c54a1_3083_4820_c4b4_b893d0987ccb["ReactTypeOfMode.js"]
  0be70812_cc0c_b210_f84f_8e61dd5f831c --> da3c54a1_3083_4820_c4b4_b893d0987ccb
  768f6d67_77c1_be19_5596_a943eab59e05["ReactFiberLane.js"]
  0be70812_cc0c_b210_f84f_8e61dd5f831c --> 768f6d67_77c1_be19_5596_a943eab59e05
  6d56a395_c0fc_55d6_55fd_16373ba2eeee["ReactFiberActivityComponent.js"]
  0be70812_cc0c_b210_f84f_8e61dd5f831c --> 6d56a395_c0fc_55d6_55fd_16373ba2eeee
  24334744_4c44_225b_6923_5be11133f949["ReactFiberSuspenseComponent.js"]
  0be70812_cc0c_b210_f84f_8e61dd5f831c --> 24334744_4c44_225b_6923_5be11133f949
  be9c7dd4_0030_1768_3ad3_f5acdbd08eef["ReactFiberSuspenseContext.js"]
  0be70812_cc0c_b210_f84f_8e61dd5f831c --> be9c7dd4_0030_1768_3ad3_f5acdbd08eef
  79172409_a09a_afa9_9185_df1c9182af84["ReactFiberOffscreenComponent.js"]
  0be70812_cc0c_b210_f84f_8e61dd5f831c --> 79172409_a09a_afa9_9185_df1c9182af84
  8d310484_4245_75c0_c183_7a31fce6815e["ReactFiberCacheComponent.js"]
  0be70812_cc0c_b210_f84f_8e61dd5f831c --> 8d310484_4245_75c0_c183_7a31fce6815e
  39c2d339_1422_a702_78f7_1997d8d72c29["ReactFiberClassUpdateQueue.js"]
  0be70812_cc0c_b210_f84f_8e61dd5f831c --> 39c2d339_1422_a702_78f7_1997d8d72c29
  ffca4edd_b46d_4530_2580_e6e4e786c422["ReactFiberRoot.js"]
  0be70812_cc0c_b210_f84f_8e61dd5f831c --> ffca4edd_b46d_4530_2580_e6e4e786c422
  05714c8c_b2f5_ddac_3f79_222b33006713["ReactFiberTracingMarkerComponent.js"]
  0be70812_cc0c_b210_f84f_8e61dd5f831c --> 05714c8c_b2f5_ddac_3f79_222b33006713
  d8bd6ba1_1cbe_86c2_6f2f_604c53e981b3["ReactFiberViewTransitionComponent.js"]
  0be70812_cc0c_b210_f84f_8e61dd5f831c --> d8bd6ba1_1cbe_86c2_6f2f_604c53e981b3
  1f955e30_ff03_d9f9_d498_58b7dc7858dc["ReactFiberDevToolsHook.js"]
  0be70812_cc0c_b210_f84f_8e61dd5f831c --> 1f955e30_ff03_d9f9_d498_58b7dc7858dc
  1df0dd5b_17c8_c98c_3521_17154496ef7a["markComponentRenderStarted"]
  0be70812_cc0c_b210_f84f_8e61dd5f831c --> 1df0dd5b_17c8_c98c_3521_17154496ef7a
  style 0be70812_cc0c_b210_f84f_8e61dd5f831c 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 {
  ReactConsumerType,
  ReactContext,
  ReactNodeList,
  ViewTransitionProps,
  ActivityProps,
  SuspenseProps,
  SuspenseListProps,
  SuspenseListRevealOrder,
  SuspenseListTailMode,
  TracingMarkerProps,
  CacheProps,
  ProfilerProps,
} from 'shared/ReactTypes';
import type {LazyComponent as LazyComponentType} from 'react/src/ReactLazy';
import type {Fiber, FiberRoot} from './ReactInternalTypes';
import type {TypeOfMode} from './ReactTypeOfMode';
import type {Lanes, Lane} from './ReactFiberLane';
import type {ActivityState} from './ReactFiberActivityComponent';
import type {
  SuspenseState,
  SuspenseListRenderState,
} from './ReactFiberSuspenseComponent';
import type {SuspenseContext} from './ReactFiberSuspenseContext';
import type {
  LegacyHiddenProps,
  OffscreenProps,
  OffscreenState,
  OffscreenQueue,
  OffscreenInstance,
} from './ReactFiberOffscreenComponent';
import type {
  Cache,
  CacheComponentState,
  SpawnedCachePool,
} from './ReactFiberCacheComponent';
import type {UpdateQueue} from './ReactFiberClassUpdateQueue';
import type {RootState} from './ReactFiberRoot';
import type {TracingMarkerInstance} from './ReactFiberTracingMarkerComponent';
import type {ViewTransitionState} from './ReactFiberViewTransitionComponent';

import {
  markComponentRenderStarted,
  markComponentRenderStopped,
  setIsStrictModeForDevtools,
} from './ReactFiberDevToolsHook';
import {
  FunctionComponent,
  ClassComponent,
  HostRoot,
  HostComponent,
// ... (4372 more lines)

Domain

Subdomains

Functions

Dependencies

Imported By

Source

Frequently Asked Questions

What does ReactFiberBeginWork.js do?
ReactFiberBeginWork.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 ReactFiberBeginWork.js?
ReactFiberBeginWork.js defines 63 function(s): attemptEarlyBailoutIfNoScheduledUpdate, bailoutOffscreenComponent, bailoutOnAlreadyFinishedWork, beginWork, checkIfWorkInProgressReceivedUpdate, checkScheduledUpdateOrContext, deferHiddenOffscreenComponent, findLastContentRow, finishClassComponent, forceUnmountCurrentAndReconcile, and 53 more.
What does ReactFiberBeginWork.js depend on?
ReactFiberBeginWork.js imports 92 module(s): ReactCapturedValue.js, ReactChildFiber.js, ReactCurrentFiber.js, ReactFeatureFlags, ReactFiber.js, ReactFiberActivityComponent.js, ReactFiberCacheComponent.js, ReactFiberCallUserSpace.js, and 84 more.
What files import ReactFiberBeginWork.js?
ReactFiberBeginWork.js is imported by 3 file(s): ReactFiberCommitEffects.js, ReactFiberHooks.js, ReactFiberWorkLoop.js.
Where is ReactFiberBeginWork.js in the architecture?
ReactFiberBeginWork.js is located at packages/react-reconciler/src/ReactFiberBeginWork.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