ReactFiberWorkLoop.js — react Source File
Architecture documentation for ReactFiberWorkLoop.js, a javascript file in the react codebase. 135 imports, 24 dependents.
Entity Profile
Dependency Diagram
graph LR d73e9290_2d2e_5d3f_97dd_84929f205c77["ReactFiberWorkLoop.js"] 6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f["ReactInternalTypes.js"] d73e9290_2d2e_5d3f_97dd_84929f205c77 --> 6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f 768f6d67_77c1_be19_5596_a943eab59e05["ReactFiberLane.js"] d73e9290_2d2e_5d3f_97dd_84929f205c77 --> 768f6d67_77c1_be19_5596_a943eab59e05 6d56a395_c0fc_55d6_55fd_16373ba2eeee["ReactFiberActivityComponent.js"] d73e9290_2d2e_5d3f_97dd_84929f205c77 --> 6d56a395_c0fc_55d6_55fd_16373ba2eeee 24334744_4c44_225b_6923_5be11133f949["ReactFiberSuspenseComponent.js"] d73e9290_2d2e_5d3f_97dd_84929f205c77 --> 24334744_4c44_225b_6923_5be11133f949 85d2c68c_7609_2c66_22fb_5f02e8a2e8fe["ReactFiberHooks.js"] d73e9290_2d2e_5d3f_97dd_84929f205c77 --> 85d2c68c_7609_2c66_22fb_5f02e8a2e8fe 05714c8c_b2f5_ddac_3f79_222b33006713["ReactFiberTracingMarkerComponent.js"] d73e9290_2d2e_5d3f_97dd_84929f205c77 --> 05714c8c_b2f5_ddac_3f79_222b33006713 79172409_a09a_afa9_9185_df1c9182af84["ReactFiberOffscreenComponent.js"] d73e9290_2d2e_5d3f_97dd_84929f205c77 --> 79172409_a09a_afa9_9185_df1c9182af84 a6668d1d_397d_7807_719d_fdecf552fa4a["ReactFiberConfig.js"] d73e9290_2d2e_5d3f_97dd_84929f205c77 --> a6668d1d_397d_7807_719d_fdecf552fa4a ffca4edd_b46d_4530_2580_e6e4e786c422["ReactFiberRoot.js"] d73e9290_2d2e_5d3f_97dd_84929f205c77 --> ffca4edd_b46d_4530_2580_e6e4e786c422 d8bd6ba1_1cbe_86c2_6f2f_604c53e981b3["ReactFiberViewTransitionComponent.js"] d73e9290_2d2e_5d3f_97dd_84929f205c77 --> d8bd6ba1_1cbe_86c2_6f2f_604c53e981b3 fb6ac8c2_1325_f769_79fa_77c9d16252f1["getViewTransitionName"] d73e9290_2d2e_5d3f_97dd_84929f205c77 --> fb6ac8c2_1325_f769_79fa_77c9d16252f1 cdb34c69_08af_f2ef_1fdd_d05bff2eea56["Scheduler.js"] d73e9290_2d2e_5d3f_97dd_84929f205c77 --> cdb34c69_08af_f2ef_1fdd_d05bff2eea56 d7440987_975b_87e1_1856_1f2dfc018509["ReactFiberPerformanceTrack.js"] d73e9290_2d2e_5d3f_97dd_84929f205c77 --> d7440987_975b_87e1_1856_1f2dfc018509 8a03468f_f6e2_d5a3_fdef_e77ebca449c2["ReactFiber.js"] d73e9290_2d2e_5d3f_97dd_84929f205c77 --> 8a03468f_f6e2_d5a3_fdef_e77ebca449c2 style d73e9290_2d2e_5d3f_97dd_84929f205c77 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 {REACT_STRICT_MODE_TYPE} from 'shared/ReactSymbols';
import type {
Wakeable,
Thenable,
GestureOptionsRequired,
} from 'shared/ReactTypes';
import type {Fiber, FiberRoot} from './ReactInternalTypes';
import type {Lanes, Lane} from './ReactFiberLane';
import type {ActivityState} from './ReactFiberActivityComponent';
import type {SuspenseState} from './ReactFiberSuspenseComponent';
import type {FunctionComponentUpdateQueue} from './ReactFiberHooks';
import type {Transition} from 'react/src/ReactStartTransition';
import type {
PendingTransitionCallbacks,
PendingBoundaries,
TransitionAbort,
} from './ReactFiberTracingMarkerComponent';
import type {OffscreenInstance} from './ReactFiberOffscreenComponent';
import type {
Resource,
ViewTransitionInstance,
RunningViewTransition,
GestureTimeline,
SuspendedState,
} from './ReactFiberConfig';
import type {RootState} from './ReactFiberRoot';
import {
getViewTransitionName,
type ViewTransitionState,
} from './ReactFiberViewTransitionComponent';
import type {TransitionTypes} from 'react/src/ReactTransitionType';
import {
enableCreateEventHandleAPI,
enableProfilerTimer,
enableProfilerCommitHooks,
enableProfilerNestedUpdatePhase,
enableSchedulingProfiler,
enableUpdaterTracking,
enableTransitionTracing,
disableLegacyContext,
alwaysThrottleRetries,
enableInfiniteRenderLoopDetection,
disableLegacyMode,
enableComponentPerformanceTrack,
enableYieldingBeforePassive,
enableThrottledScheduling,
enableViewTransition,
enableGestureTransition,
enableDefaultTransitionIndicator,
// ... (5510 more lines)
Domain
Dependencies
- DefaultAsyncDispatcher
- ReactCapturedValue.js
- ReactChildFiber.js
- ReactCurrentFiber.js
- ReactEventPriorities.js
- ReactFeatureFlags
- ReactFiber.js
- ReactFiberAct.js
- ReactFiberActivityComponent.js
- ReactFiberApplyGesture.js
- ReactFiberAsyncDispatcher.js
- ReactFiberBeginWork.js
- ReactFiberCacheComponent.js
- ReactFiberClassUpdateQueue.js
- ReactFiberCommitViewTransitions.js
- ReactFiberCommitWork.js
- ReactFiberCompleteWork.js
- ReactFiberConcurrentUpdates.js
- ReactFiberConfig.js
- ReactFiberDevToolsHook.js
- ReactFiberErrorLogger.js
- ReactFiberFlags.js
- ReactFiberGestureScheduler.js
- ReactFiberHooks.js
- ReactFiberHydrationContext.js
- ReactFiberLane.js
- ReactFiberLegacyContext.js
- ReactFiberNewContext.js
- ReactFiberOffscreenComponent.js
- ReactFiberPerformanceTrack.js
- ReactFiberRoot.js
- ReactFiberRootScheduler.js
- ReactFiberShellHydration.js
- ReactFiberSuspenseComponent.js
- ReactFiberSuspenseContext.js
- ReactFiberThenable.js
- ReactFiberThrow.js
- ReactFiberTracingMarkerComponent.js
- ReactFiberTransition.js
- ReactFiberTransitionTypes.js
- ReactFiberUnwindWork.js
- ReactFiberViewTransitionComponent.js
- ReactInternalTypes.js
- ReactOwnerStackReset
- ReactPostPaintCallback.js
- ReactProfilerTimer.js
- ReactRootTags.js
- ReactSharedInternals
- ReactStartTransition
- ReactStrictModeWarnings
- ReactStrictModeWarnings.js
- ReactSymbols
- ReactTestSelectors.js
- ReactTransitionType
- ReactTypeOfMode.js
- ReactTypes
- ReactWorkTags.js
- Scheduler.js
- accumulateSuspenseyCommit
- applyDepartureTransitions
- beginWork
- claimQueuedTransitionTypes
- clampBlockingTimers
- clampGestureTimers
- clampIdleTimers
- clampRetryTimers
- clampTransitionTimers
- clearBlockingTimers
- clearGestureTimers
- clearGestureUpdates
- clearTransitionTimers
- commitAfterMutationEffects
- commitBeforeMutationEffects
- commitLayoutEffects
- commitMutationEffects
- commitPassiveMountEffects
- commitPassiveUnmountEffects
- completeWork
- createClassErrorUpdate
- createRootErrorUpdate
- disappearLayoutEffects
- ensureRootIsScheduled
- eventPriorityToLane
- flushSyncWorkOnAllRoots
- flushSyncWorkOnLegacyRootsOnly
- getComponentNameFromFiber
- getIsHydrating
- getViewTransitionName
- initializeClassErrorUpdate
- insertDestinationClones
- invokeLayoutEffectMountInDEV
- invokeLayoutEffectUnmountInDEV
- invokePassiveEffectMountInDEV
- invokePassiveEffectUnmountInDEV
- isConcurrentActEnvironment
- isLegacyActEnvironment
- isRootDehydrated
- lanesToEventPriority
- lowerEventPriority
- markCommitStarted
- markCommitStopped
- markComponentErrored
- markComponentRenderStopped
- markComponentSuspended
- markLayoutEffectsStarted
- markLayoutEffectsStopped
- markPassiveEffectsStarted
- markPassiveEffectsStopped
- markRenderStarted
- markRenderStopped
- markRenderYielded
- objectIs
- onCommitRoot
- onPostCommitRoot
- popHydrationStateOnInterruptedWork
- processTransitionCallbacks
- reappearLayoutEffects
- reconnectPassiveEffects
- releaseCache
- replayFunctionComponent
- reportGlobalError
- requestTransitionLane
- resetChildReconcilerOnUnwind
- resetCurrentFiber
- resetShouldStartViewTransition
- schedulePostPaintCallback
- setIsStrictModeForDevtools
- startGestureAnimations
- startPingTimerByLanes
- startYieldTimer
- stopCommittedGesture
- throwException
- trackSuspendedTime
- unwindInterruptedWork
- unwindWork
Imported By
- packages/react-reconciler/src/ReactFiberApplyGesture.js
- packages/react-reconciler/src/ReactFiberBeginWork.js
- packages/react-reconciler/src/ReactFiberCallUserSpace.js
- packages/react-reconciler/src/ReactFiberClassComponent.js
- packages/react-reconciler/src/ReactFiberClassUpdateQueue.js
- packages/react-reconciler/src/ReactFiberCommitEffects.js
- packages/react-reconciler/src/ReactFiberCommitHostEffects.js
- packages/react-reconciler/src/ReactFiberCommitViewTransitions.js
- packages/react-reconciler/src/ReactFiberCommitWork.js
- packages/react-reconciler/src/ReactFiberCompleteWork.js
- packages/react-reconciler/src/ReactFiberConcurrentUpdates.js
- packages/react-reconciler/src/ReactFiberGestureScheduler.js
- packages/react-reconciler/src/ReactFiberHiddenContext.js
- packages/react-reconciler/src/ReactFiberHooks.js
- packages/react-reconciler/src/ReactFiberHotReloading.js
- packages/react-reconciler/src/ReactFiberHydrationContext.js
- packages/react-reconciler/src/ReactFiberReconciler.js
- packages/react-reconciler/src/ReactFiberRootScheduler.js
- packages/react-reconciler/src/ReactFiberThenable.js
- packages/react-reconciler/src/ReactFiberThrow.js
- packages/react-reconciler/src/ReactFiberTracingMarkerComponent.js
- packages/react-reconciler/src/ReactFiberTransition.js
- packages/react-reconciler/src/ReactFiberViewTransitionComponent.js
- packages/react-reconciler/src/ReactProfilerTimer.js
Source
Frequently Asked Questions
What does ReactFiberWorkLoop.js do?
ReactFiberWorkLoop.js is a source file in the react codebase, written in javascript. It belongs to the BabelCompiler domain.
What does ReactFiberWorkLoop.js depend on?
ReactFiberWorkLoop.js imports 135 module(s): DefaultAsyncDispatcher, ReactCapturedValue.js, ReactChildFiber.js, ReactCurrentFiber.js, ReactEventPriorities.js, ReactFeatureFlags, ReactFiber.js, ReactFiberAct.js, and 127 more.
What files import ReactFiberWorkLoop.js?
ReactFiberWorkLoop.js is imported by 24 file(s): ReactFiberApplyGesture.js, ReactFiberBeginWork.js, ReactFiberCallUserSpace.js, ReactFiberClassComponent.js, ReactFiberClassUpdateQueue.js, ReactFiberCommitEffects.js, ReactFiberCommitHostEffects.js, ReactFiberCommitViewTransitions.js, and 16 more.
Where is ReactFiberWorkLoop.js in the architecture?
ReactFiberWorkLoop.js is located at packages/react-reconciler/src/ReactFiberWorkLoop.js (domain: BabelCompiler, 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