updateFragment() — react Function Reference

Architecture documentation for the updateFragment() function in ReactFiberBeginWork.js from the react codebase.

Function javascript BabelCompiler Validation calls 2 called by 1

Entity Profile

BabelCompiler→ Validation→ updateFragment() — react Function Reference

Dependency Diagram

graph TD
  9de08ac8_c26a_67db_9944_713b083358ad["updateFragment()"]
  0be70812_cc0c_b210_f84f_8e61dd5f831c["ReactFiberBeginWork.js"]
  9de08ac8_c26a_67db_9944_713b083358ad -->|defined in| 0be70812_cc0c_b210_f84f_8e61dd5f831c
  235e1db1_02a4_912f_7d82_ea6636c850c0["beginWork()"]
  235e1db1_02a4_912f_7d82_ea6636c850c0 -->|calls| 9de08ac8_c26a_67db_9944_713b083358ad
  add16f45_ce6d_6414_6371_4a68ab583d28["markRef()"]
  9de08ac8_c26a_67db_9944_713b083358ad -->|calls| add16f45_ce6d_6414_6371_4a68ab583d28
  cf5641cc_b89e_d6b2_5d40_41ad5bbdd682["reconcileChildren()"]
  9de08ac8_c26a_67db_9944_713b083358ad -->|calls| cf5641cc_b89e_d6b2_5d40_41ad5bbdd682
  style 9de08ac8_c26a_67db_9944_713b083358ad fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-reconciler/src/ReactFiberBeginWork.js lines 1332–1343

function updateFragment(
  current: Fiber | null,
  workInProgress: Fiber,
  renderLanes: Lanes,
) {
  const nextChildren = workInProgress.pendingProps;
  if (enableFragmentRefs) {
    markRef(current, workInProgress);
  }
  reconcileChildren(current, workInProgress, nextChildren, renderLanes);
  return workInProgress.child;
}