Home / Function/ describeFiberType() — react Function Reference

describeFiberType() — react Function Reference

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

Entity Profile

Dependency Diagram

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

Relationship Graph

Source Code

packages/react-reconciler/src/ReactFiberHydrationDiffs.js lines 79–107

function describeFiberType(fiber: Fiber): null | string {
  switch (fiber.tag) {
    case HostHoistable:
    case HostSingleton:
    case HostComponent:
      return fiber.type;
    case LazyComponent:
      return 'Lazy';
    case ActivityComponent:
      return 'Activity';
    case SuspenseComponent:
      return 'Suspense';
    case SuspenseListComponent:
      return 'SuspenseList';
    case FunctionComponent:
    case SimpleMemoComponent:
      const fn = fiber.type;
      return fn.displayName || fn.name || null;
    case ForwardRef:
      const render = fiber.type.render;
      return render.displayName || render.name || null;
    case ClassComponent:
      const ctr = fiber.type;
      return ctr.displayName || ctr.name || null;
    default:
      // Skip
      return null;
  }
}

Domain

Subdomains

Frequently Asked Questions

What does describeFiberType() do?
describeFiberType() is a function in the react codebase, defined in packages/react-reconciler/src/ReactFiberHydrationDiffs.js.
Where is describeFiberType() defined?
describeFiberType() is defined in packages/react-reconciler/src/ReactFiberHydrationDiffs.js at line 79.
What calls describeFiberType()?
describeFiberType() is called by 2 function(s): describeNode, describeSiblingFiber.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free