getFriendlyEffect() — react Function Reference

Architecture documentation for the getFriendlyEffect() function in describeFibers.js from the react codebase.

Function javascript BabelCompiler Optimization called by 1

Entity Profile

BabelCompiler→ Optimization→ getFriendlyEffect() — react Function Reference

Dependency Diagram

graph TD
  74e3a9ba_3ebe_64fa_d3cd_bb29456caf94["getFriendlyEffect()"]
  b3c14156_2ff4_ff95_50ff_0e0cc950d343["describeFibers.js"]
  74e3a9ba_3ebe_64fa_d3cd_bb29456caf94 -->|defined in| b3c14156_2ff4_ff95_50ff_0e0cc950d343
  4134c966_3571_94e1_409d_53b55e7ce639["describeFibers()"]
  4134c966_3571_94e1_409d_53b55e7ce639 -->|calls| 74e3a9ba_3ebe_64fa_d3cd_bb29456caf94
  style 74e3a9ba_3ebe_64fa_d3cd_bb29456caf94 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/fiber-debugger/src/describeFibers.js lines 40–55

function getFriendlyEffect(flags) {
  const effects = {
    1: 'Performed Work',
    2: 'Placement',
    4: 'Update',
    8: 'Deletion',
    16: 'Content reset',
    32: 'Callback',
    64: 'Err',
    128: 'Ref',
  };
  return Object.keys(effects)
    .filter(flag => flag & flags)
    .map(flag => effects[flag])
    .join(' & ');
}