describeSiblingFiber() — react Function Reference

Architecture documentation for the describeSiblingFiber() function in ReactFiberHydrationDiffs.js from the react codebase.

Function javascript BabelCompiler Validation calls 2 called by 1

Entity Profile

BabelCompiler→ Validation→ describeSiblingFiber() — react Function Reference

Dependency Diagram

graph TD
  c3fa4286_ed9c_bf31_cd26_31f970d0de2f["describeSiblingFiber()"]
  e98a87b8_beb4_9d09_4d2f_78427872f8a3["ReactFiberHydrationDiffs.js"]
  c3fa4286_ed9c_bf31_cd26_31f970d0de2f -->|defined in| e98a87b8_beb4_9d09_4d2f_78427872f8a3
  2bddd835_c8df_0f88_d323_52a3495a4bd7["describeNode()"]
  2bddd835_c8df_0f88_d323_52a3495a4bd7 -->|calls| c3fa4286_ed9c_bf31_cd26_31f970d0de2f
  4493f114_0da7_6863_a117_d82daa52e178["describeFiberType()"]
  c3fa4286_ed9c_bf31_cd26_31f970d0de2f -->|calls| 4493f114_0da7_6863_a117_d82daa52e178
  f6f0b608_1ccd_4a42_4233_3a05bae25abb["indentation()"]
  c3fa4286_ed9c_bf31_cd26_31f970d0de2f -->|calls| f6f0b608_1ccd_4a42_4233_3a05bae25abb
  style c3fa4286_ed9c_bf31_cd26_31f970d0de2f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-reconciler/src/ReactFiberHydrationDiffs.js lines 521–535

function describeSiblingFiber(fiber: Fiber, indent: number): string {
  const type = describeFiberType(fiber);
  if (type === null) {
    // Skip this type of fiber. We currently treat this as a fragment
    // so it's just part of the parent's children.
    let flatContent = '';
    let childFiber = fiber.child;
    while (childFiber) {
      flatContent += describeSiblingFiber(childFiber, indent);
      childFiber = childFiber.sibling;
    }
    return flatContent;
  }
  return indentation(indent) + '<' + type + '>' + '\n';
}