commitLayoutEffects() — react Function Reference
Architecture documentation for the commitLayoutEffects() function in ReactFiberCommitWork.js from the react codebase.
Entity Profile
Dependency Diagram
graph TD 09adf792_b813_7366_9451_35d0c93c55bb["commitLayoutEffects()"] e0fbfbd5_47b0_a489_0b36_bbfad9245544["ReactFiberCommitWork.js"] 09adf792_b813_7366_9451_35d0c93c55bb -->|defined in| e0fbfbd5_47b0_a489_0b36_bbfad9245544 a7c3e629_e473_0a1c_70a3_acfc6eb4e3fc["resetComponentEffectTimers()"] 09adf792_b813_7366_9451_35d0c93c55bb -->|calls| a7c3e629_e473_0a1c_70a3_acfc6eb4e3fc ce61aa22_42d2_811a_b317_96c8d0cb0321["commitLayoutEffectOnFiber()"] 09adf792_b813_7366_9451_35d0c93c55bb -->|calls| ce61aa22_42d2_811a_b317_96c8d0cb0321 style 09adf792_b813_7366_9451_35d0c93c55bb fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
packages/react-reconciler/src/ReactFiberCommitWork.js lines 2952–2967
export function commitLayoutEffects(
finishedWork: Fiber,
root: FiberRoot,
committedLanes: Lanes,
): void {
inProgressLanes = committedLanes;
inProgressRoot = root;
resetComponentEffectTimers();
const current = finishedWork.alternate;
commitLayoutEffectOnFiber(root, current, finishedWork, committedLanes);
inProgressLanes = null;
inProgressRoot = null;
}
Domain
Subdomains
Source
Frequently Asked Questions
What does commitLayoutEffects() do?
commitLayoutEffects() is a function in the react codebase, defined in packages/react-reconciler/src/ReactFiberCommitWork.js.
Where is commitLayoutEffects() defined?
commitLayoutEffects() is defined in packages/react-reconciler/src/ReactFiberCommitWork.js at line 2952.
What does commitLayoutEffects() call?
commitLayoutEffects() calls 2 function(s): commitLayoutEffectOnFiber, resetComponentEffectTimers.
Analyze Your Own Codebase
Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.
Try Supermodel Free