recursivelyApplyViewTransitions() — react Function Reference

Source Code

packages/react-reconciler/src/ReactFiberApplyGesture.js lines 1099–1130

function recursivelyApplyViewTransitions(parentFiber: Fiber) {
  const deletions = parentFiber.deletions;
  if (deletions !== null) {
    for (let i = 0; i < deletions.length; i++) {
      const childToDelete = deletions[i];
      commitEnterViewTransitions(childToDelete, true);
    }
  }

  if (
    parentFiber.alternate === null ||
    (parentFiber.subtreeFlags & MutationMask) !== NoFlags
  ) {
    // If we have mutations or if this is a newly inserted tree, clone as we go.
    let child = parentFiber.child;
    while (child !== null) {
      const current = child.alternate;
      if (current === null) {
        measureExitViewTransitions(child);
        recursivelyRestoreNew(child, parentFiber);
      } else {
        applyViewTransitionsOnFiber(child, current);
      }
      child = child.sibling;
    }
  } else {
    // Nothing has changed in this subtree, but the parent may have still affected
    // its size and position. We need to measure the old and new state to see if
    // we should animate its size and position.
    measureNestedViewTransitions(parentFiber, true);
  }
}