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

ReactFiberCommitEffects.js — react Source File

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

File javascript BabelCompiler Validation 29 imports 2 dependents 10 functions

Entity Profile

Dependency Diagram

graph LR
  8f5342bb_933e_6410_b584_cc120047394a["ReactFiberCommitEffects.js"]
  6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f["ReactInternalTypes.js"]
  8f5342bb_933e_6410_b584_cc120047394a --> 6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f
  39c2d339_1422_a702_78f7_1997d8d72c29["ReactFiberClassUpdateQueue.js"]
  8f5342bb_933e_6410_b584_cc120047394a --> 39c2d339_1422_a702_78f7_1997d8d72c29
  85d2c68c_7609_2c66_22fb_5f02e8a2e8fe["ReactFiberHooks.js"]
  8f5342bb_933e_6410_b584_cc120047394a --> 85d2c68c_7609_2c66_22fb_5f02e8a2e8fe
  a45d67d9_b5d3_3489_7b7c_d805ac37ff9b["ReactHookEffectTags.js"]
  8f5342bb_933e_6410_b584_cc120047394a --> a45d67d9_b5d3_3489_7b7c_d805ac37ff9b
  a6668d1d_397d_7807_719d_fdecf552fa4a["ReactFiberConfig.js"]
  8f5342bb_933e_6410_b584_cc120047394a --> a6668d1d_397d_7807_719d_fdecf552fa4a
  d8bd6ba1_1cbe_86c2_6f2f_604c53e981b3["ReactFiberViewTransitionComponent.js"]
  8f5342bb_933e_6410_b584_cc120047394a --> d8bd6ba1_1cbe_86c2_6f2f_604c53e981b3
  fb6ac8c2_1325_f769_79fa_77c9d16252f1["getViewTransitionName"]
  8f5342bb_933e_6410_b584_cc120047394a --> fb6ac8c2_1325_f769_79fa_77c9d16252f1
  d3557f30_4fca_e30a_91c5_c23d4b8dba99["ReactWorkTags.js"]
  8f5342bb_933e_6410_b584_cc120047394a --> d3557f30_4fca_e30a_91c5_c23d4b8dba99
  6773f9a2_fdb7_4938_741f_4887273ad469["ReactFiberFlags.js"]
  8f5342bb_933e_6410_b584_cc120047394a --> 6773f9a2_fdb7_4938_741f_4887273ad469
  3805476a_1924_0e35_fff7_6afad197a523["ReactFiberClassComponent.js"]
  8f5342bb_933e_6410_b584_cc120047394a --> 3805476a_1924_0e35_fff7_6afad197a523
  7f5a1eb6_175b_de57_e39a_6c9d67383c84["resolveClassComponentProps"]
  8f5342bb_933e_6410_b584_cc120047394a --> 7f5a1eb6_175b_de57_e39a_6c9d67383c84
  e054b9c7_41f1_c7f7_97bb_98b6a445e94b["ReactProfilerTimer.js"]
  8f5342bb_933e_6410_b584_cc120047394a --> e054b9c7_41f1_c7f7_97bb_98b6a445e94b
  da3c54a1_3083_4820_c4b4_b893d0987ccb["ReactTypeOfMode.js"]
  8f5342bb_933e_6410_b584_cc120047394a --> da3c54a1_3083_4820_c4b4_b893d0987ccb
  d73e9290_2d2e_5d3f_97dd_84929f205c77["ReactFiberWorkLoop.js"]
  8f5342bb_933e_6410_b584_cc120047394a --> d73e9290_2d2e_5d3f_97dd_84929f205c77
  style 8f5342bb_933e_6410_b584_cc120047394a 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 {
  ViewTransitionProps,
  ProfilerProps,
  ProfilerPhase,
} from 'shared/ReactTypes';
import type {Fiber} from './ReactInternalTypes';
import type {UpdateQueue} from './ReactFiberClassUpdateQueue';
import type {FunctionComponentUpdateQueue} from './ReactFiberHooks';
import type {HookFlags} from './ReactHookEffectTags';
import type {FragmentInstanceType} from './ReactFiberConfig';
import type {ViewTransitionState} from './ReactFiberViewTransitionComponent';

import {getViewTransitionName} from './ReactFiberViewTransitionComponent';

import {
  enableProfilerTimer,
  enableProfilerCommitHooks,
  enableProfilerNestedUpdatePhase,
  enableSchedulingProfiler,
  enableViewTransition,
  enableFragmentRefs,
} from 'shared/ReactFeatureFlags';
import {
  ClassComponent,
  Fragment,
  HostComponent,
  HostHoistable,
  HostSingleton,
  ViewTransitionComponent,
} from './ReactWorkTags';
import {NoFlags} from './ReactFiberFlags';
import getComponentNameFromFiber from 'react-reconciler/src/getComponentNameFromFiber';
import {resolveClassComponentProps} from './ReactFiberClassComponent';
import {
  recordEffectDuration,
  startEffectTimer,
  isCurrentUpdateNested,
} from './ReactProfilerTimer';
import {NoMode, ProfileMode} from './ReactTypeOfMode';
import {
  commitCallbacks,
  commitHiddenCallbacks,
} from './ReactFiberClassUpdateQueue';
import {
  getPublicInstance,
  createViewTransitionInstance,
  createFragmentInstance,
} from './ReactFiberConfig';
import {
  captureCommitPhaseError,
  setIsRunningInsertionEffect,
// ... (985 more lines)

Domain

Subdomains

Functions

Dependencies

Imported By

Source

Frequently Asked Questions

What does ReactFiberCommitEffects.js do?
ReactFiberCommitEffects.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 ReactFiberCommitEffects.js?
ReactFiberCommitEffects.js defines 10 function(s): commitClassCallbacks, commitClassDidMount, commitClassLayoutLifecycles, commitHookEffectListMount, commitHookEffectListUnmount, commitHookLayoutEffects, commitHookLayoutUnmountEffects, commitHookPassiveMountEffects, commitHookPassiveUnmountEffects, shouldProfile.
What does ReactFiberCommitEffects.js depend on?
ReactFiberCommitEffects.js imports 29 module(s): ReactCurrentFiber.js, ReactFeatureFlags, ReactFiberBeginWork.js, ReactFiberCallUserSpace.js, ReactFiberClassComponent.js, ReactFiberClassUpdateQueue.js, ReactFiberConfig.js, ReactFiberDevToolsHook.js, and 21 more.
What files import ReactFiberCommitEffects.js?
ReactFiberCommitEffects.js is imported by 2 file(s): ReactFiberApplyGesture.js, ReactFiberCommitWork.js.
Where is ReactFiberCommitEffects.js in the architecture?
ReactFiberCommitEffects.js is located at packages/react-reconciler/src/ReactFiberCommitEffects.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