traverseTwoPhase() — react Function Reference

Architecture documentation for the traverseTwoPhase() function in ResponderEventPlugin.js from the react codebase.

Function javascript BabelCompiler Validation calls 1 called by 2

Entity Profile

BabelCompiler→ Validation→ traverseTwoPhase() — react Function Reference

Dependency Diagram

graph TD
  0fe28570_d266_736a_8ea0_afbeec762b45["traverseTwoPhase()"]
  674c6180_b91e_e17d_fb2d_40a6a3631bb3["ResponderEventPlugin.js"]
  0fe28570_d266_736a_8ea0_afbeec762b45 -->|defined in| 674c6180_b91e_e17d_fb2d_40a6a3631bb3
  725cfed5_d800_39aa_feef_3280555546d7["accumulateTwoPhaseDispatchesSingleSkipTarget()"]
  725cfed5_d800_39aa_feef_3280555546d7 -->|calls| 0fe28570_d266_736a_8ea0_afbeec762b45
  fe0ba9d5_30a5_a694_3743_86545da106c9["accumulateTwoPhaseDispatchesSingle()"]
  fe0ba9d5_30a5_a694_3743_86545da106c9 -->|calls| 0fe28570_d266_736a_8ea0_afbeec762b45
  5150711c_d8bc_1881_a612_f2d9f4cd1d44["getParent()"]
  0fe28570_d266_736a_8ea0_afbeec762b45 -->|calls| 5150711c_d8bc_1881_a612_f2d9f4cd1d44
  style 0fe28570_d266_736a_8ea0_afbeec762b45 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-native-renderer/src/legacy-events/ResponderEventPlugin.js lines 226–239

function traverseTwoPhase(inst, fn, arg) {
  const path = [];
  while (inst) {
    path.push(inst);
    inst = getParent(inst);
  }
  let i;
  for (i = path.length; i-- > 0; ) {
    fn(path[i], 'captured', arg);
  }
  for (i = 0; i < path.length; i++) {
    fn(path[i], 'bubbled', arg);
  }
}