getFiberColor() — react Function Reference

Architecture documentation for the getFiberColor() function in Fibers.js from the react codebase.

Function javascript BabelCompiler Optimization called by 1

Entity Profile

BabelCompiler→ Optimization→ getFiberColor() — react Function Reference

Dependency Diagram

graph TD
  8b471a4d_4525_6478_70e4_82d9673b6da0["getFiberColor()"]
  a811b6d7_3802_33c4_440e_c2d161277e14["Fibers.js"]
  8b471a4d_4525_6478_70e4_82d9673b6da0 -->|defined in| a811b6d7_3802_33c4_440e_c2d161277e14
  1287fd16_2b9c_ebc8_7d61_7642cb86b380["Fibers()"]
  1287fd16_2b9c_ebc8_7d61_7642cb86b380 -->|calls| 8b471a4d_4525_6478_70e4_82d9673b6da0
  style 8b471a4d_4525_6478_70e4_82d9673b6da0 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/fiber-debugger/src/Fibers.js lines 7–15

function getFiberColor(fibers, id) {
  if (fibers.currentIDs.indexOf(id) > -1) {
    return 'lightgreen';
  }
  if (id === fibers.workInProgressID) {
    return 'yellow';
  }
  return 'lightyellow';
}