queueTransitionTypes() — react Function Reference

Architecture documentation for the queueTransitionTypes() function in ReactFiberTransitionTypes.js from the react codebase.

Function javascript BabelCompiler Validation called by 1

Entity Profile

BabelCompiler→ Validation→ queueTransitionTypes() — react Function Reference

Dependency Diagram

graph TD
  70fbeee1_0718_4457_4ee0_2795a657f93d["queueTransitionTypes()"]
  1e43c23f_3064_3cbe_7b30_bc1d04cb479f["ReactFiberTransitionTypes.js"]
  70fbeee1_0718_4457_4ee0_2795a657f93d -->|defined in| 1e43c23f_3064_3cbe_7b30_bc1d04cb479f
  5016b59c_36d5_c0b9_3051_0db05af2c0f7["ReactSharedInternals()"]
  5016b59c_36d5_c0b9_3051_0db05af2c0f7 -->|calls| 70fbeee1_0718_4457_4ee0_2795a657f93d
  style 70fbeee1_0718_4457_4ee0_2795a657f93d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-reconciler/src/ReactFiberTransitionTypes.js lines 16–37

export function queueTransitionTypes(
  root: FiberRoot,
  transitionTypes: TransitionTypes,
): void {
  if (enableViewTransition) {
    // TODO: We should really store transitionTypes per lane in a LaneMap on
    // the root. Then merge it when we commit. We currently assume that all
    // Transitions are entangled.
    if (includesTransitionLane(root.pendingLanes)) {
      let queued = root.transitionTypes;
      if (queued === null) {
        queued = root.transitionTypes = [];
      }
      for (let i = 0; i < transitionTypes.length; i++) {
        const transitionType = transitionTypes[i];
        if (queued.indexOf(transitionType) === -1) {
          queued.push(transitionType);
        }
      }
    }
  }
}