recursivelyInsertNew() — react Function Reference

Architecture documentation for the recursivelyInsertNew() function in ReactFiberApplyGesture.js from the react codebase.

Function javascript BabelCompiler Validation calls 1 called by 1

Entity Profile

BabelCompiler→ Validation→ recursivelyInsertNew() — react Function Reference

Dependency Diagram

graph TD
  432ab70d_b735_f25a_7b06_2d452817db65["recursivelyInsertNew()"]
  ee850b36_fc0b_9bb2_5b69_58d705aef9a5["ReactFiberApplyGesture.js"]
  432ab70d_b735_f25a_7b06_2d452817db65 -->|defined in| ee850b36_fc0b_9bb2_5b69_58d705aef9a5
  14488ed6_0070_cb72_08ff_37fc5c860d29["recursivelyInsertNewFiber()"]
  14488ed6_0070_cb72_08ff_37fc5c860d29 -->|calls| 432ab70d_b735_f25a_7b06_2d452817db65
  14488ed6_0070_cb72_08ff_37fc5c860d29["recursivelyInsertNewFiber()"]
  432ab70d_b735_f25a_7b06_2d452817db65 -->|calls| 14488ed6_0070_cb72_08ff_37fc5c860d29
  style 432ab70d_b735_f25a_7b06_2d452817db65 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-reconciler/src/ReactFiberApplyGesture.js lines 383–408

function recursivelyInsertNew(
  parentFiber: Fiber,
  hostParentClone: Instance,
  parentViewTransition: null | ViewTransitionState,
  visitPhase: VisitPhase,
): void {
  if (
    visitPhase === INSERT_APPEARING_PAIR &&
    parentViewTransition === null &&
    (parentFiber.subtreeFlags & (ViewTransitionNamedStatic | Placement)) ===
      NoFlags
  ) {
    // We're just searching for pairs or insertion effects but we have reached the end.
    return;
  }
  let child = parentFiber.child;
  while (child !== null) {
    recursivelyInsertNewFiber(
      child,
      hostParentClone,
      parentViewTransition,
      visitPhase,
    );
    child = child.sibling;
  }
}