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

ReactFiberCommitWork.js — react Source File

Architecture documentation for ReactFiberCommitWork.js, a javascript file in the react codebase. 69 imports, 1 dependents.

File javascript BabelCompiler Validation 69 imports 1 dependents 65 functions

Entity Profile

Dependency Diagram

graph LR
  e0fbfbd5_47b0_a489_0b36_bbfad9245544["ReactFiberCommitWork.js"]
  a6668d1d_397d_7807_719d_fdecf552fa4a["ReactFiberConfig.js"]
  e0fbfbd5_47b0_a489_0b36_bbfad9245544 --> a6668d1d_397d_7807_719d_fdecf552fa4a
  6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f["ReactInternalTypes.js"]
  e0fbfbd5_47b0_a489_0b36_bbfad9245544 --> 6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f
  768f6d67_77c1_be19_5596_a943eab59e05["ReactFiberLane.js"]
  e0fbfbd5_47b0_a489_0b36_bbfad9245544 --> 768f6d67_77c1_be19_5596_a943eab59e05
  6d56a395_c0fc_55d6_55fd_16373ba2eeee["ReactFiberActivityComponent.js"]
  e0fbfbd5_47b0_a489_0b36_bbfad9245544 --> 6d56a395_c0fc_55d6_55fd_16373ba2eeee
  24334744_4c44_225b_6923_5be11133f949["ReactFiberSuspenseComponent.js"]
  e0fbfbd5_47b0_a489_0b36_bbfad9245544 --> 24334744_4c44_225b_6923_5be11133f949
  39c2d339_1422_a702_78f7_1997d8d72c29["ReactFiberClassUpdateQueue.js"]
  e0fbfbd5_47b0_a489_0b36_bbfad9245544 --> 39c2d339_1422_a702_78f7_1997d8d72c29
  85d2c68c_7609_2c66_22fb_5f02e8a2e8fe["ReactFiberHooks.js"]
  e0fbfbd5_47b0_a489_0b36_bbfad9245544 --> 85d2c68c_7609_2c66_22fb_5f02e8a2e8fe
  79172409_a09a_afa9_9185_df1c9182af84["ReactFiberOffscreenComponent.js"]
  e0fbfbd5_47b0_a489_0b36_bbfad9245544 --> 79172409_a09a_afa9_9185_df1c9182af84
  8d310484_4245_75c0_c183_7a31fce6815e["ReactFiberCacheComponent.js"]
  e0fbfbd5_47b0_a489_0b36_bbfad9245544 --> 8d310484_4245_75c0_c183_7a31fce6815e
  ffca4edd_b46d_4530_2580_e6e4e786c422["ReactFiberRoot.js"]
  e0fbfbd5_47b0_a489_0b36_bbfad9245544 --> ffca4edd_b46d_4530_2580_e6e4e786c422
  05714c8c_b2f5_ddac_3f79_222b33006713["ReactFiberTracingMarkerComponent.js"]
  e0fbfbd5_47b0_a489_0b36_bbfad9245544 --> 05714c8c_b2f5_ddac_3f79_222b33006713
  d8bd6ba1_1cbe_86c2_6f2f_604c53e981b3["ReactFiberViewTransitionComponent.js"]
  e0fbfbd5_47b0_a489_0b36_bbfad9245544 --> d8bd6ba1_1cbe_86c2_6f2f_604c53e981b3
  d3557f30_4fca_e30a_91c5_c23d4b8dba99["ReactWorkTags.js"]
  e0fbfbd5_47b0_a489_0b36_bbfad9245544 --> d3557f30_4fca_e30a_91c5_c23d4b8dba99
  6773f9a2_fdb7_4938_741f_4887273ad469["ReactFiberFlags.js"]
  e0fbfbd5_47b0_a489_0b36_bbfad9245544 --> 6773f9a2_fdb7_4938_741f_4887273ad469
  style e0fbfbd5_47b0_a489_0b36_bbfad9245544 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 {
  Instance,
  TextInstance,
  ActivityInstance,
  SuspenseInstance,
  Container,
  HoistableRoot,
  FormInstance,
  Props,
  SuspendedState,
} from './ReactFiberConfig';
import type {Fiber, FiberRoot} from './ReactInternalTypes';
import type {Lanes} from './ReactFiberLane';
import {
  includesLoadingIndicatorLanes,
  includesOnlySuspenseyCommitEligibleLanes,
  includesOnlyViewTransitionEligibleLanes,
} from './ReactFiberLane';
import type {ActivityState} from './ReactFiberActivityComponent';
import type {SuspenseState, RetryQueue} from './ReactFiberSuspenseComponent';
import type {UpdateQueue} from './ReactFiberClassUpdateQueue';
import type {FunctionComponentUpdateQueue} from './ReactFiberHooks';
import type {Wakeable, ViewTransitionProps} from 'shared/ReactTypes';
import type {
  OffscreenState,
  OffscreenInstance,
  OffscreenQueue,
} from './ReactFiberOffscreenComponent';
import type {Cache} from './ReactFiberCacheComponent';
import type {RootState} from './ReactFiberRoot';
import type {Transition} from 'react/src/ReactStartTransition';
import type {
  TracingMarkerInstance,
  TransitionAbort,
} from './ReactFiberTracingMarkerComponent';
import type {ViewTransitionState} from './ReactFiberViewTransitionComponent';

import {
  alwaysThrottleRetries,
  enableCreateEventHandleAPI,
  enableEffectEventMutationPhase,
  enableHiddenSubtreeInsertionEffectCleanup,
  enableProfilerTimer,
  enableProfilerCommitHooks,
  enableSuspenseCallback,
  enableScopeAPI,
  enableUpdaterTracking,
  enableTransitionTracing,
  enableLegacyHidden,
  disableLegacyMode,
  enableComponentPerformanceTrack,
// ... (5287 more lines)

Domain

Subdomains

Functions

Dependencies

Imported By

Source

Frequently Asked Questions

What does ReactFiberCommitWork.js do?
ReactFiberCommitWork.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 ReactFiberCommitWork.js?
ReactFiberCommitWork.js defines 65 function(s): abortParentMarkerTransitionsForDeletedFiber, abortRootTransitions, abortTracingMarkerTransitions, accumulateSuspenseyCommit, accumulateSuspenseyCommitOnFiber, attachSuspenseRetryListeners, commitActivityHydrationCallbacks, commitAfterMutationEffects, commitAfterMutationEffectsOnFiber, commitAtomicPassiveEffects, and 55 more.
What does ReactFiberCommitWork.js depend on?
ReactFiberCommitWork.js imports 69 module(s): ReactFeatureFlags, ReactFiberActivityComponent.js, ReactFiberCacheComponent.js, ReactFiberClassUpdateQueue.js, ReactFiberCommitEffects.js, ReactFiberCommitHostEffects.js, ReactFiberCommitViewTransitions.js, ReactFiberConfig.js, and 61 more.
What files import ReactFiberCommitWork.js?
ReactFiberCommitWork.js is imported by 1 file(s): ReactFiberWorkLoop.js.
Where is ReactFiberCommitWork.js in the architecture?
ReactFiberCommitWork.js is located at packages/react-reconciler/src/ReactFiberCommitWork.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