debounceScrollEnd() — react Function Reference

Architecture documentation for the debounceScrollEnd() function in ScrollEndEventPlugin.js from the react codebase.

Function javascript BabelCompiler Validation called by 2

Entity Profile

BabelCompiler→ Validation→ debounceScrollEnd() — react Function Reference

Dependency Diagram

graph TD
  23a35a28_0e9c_e296_230b_ac3a7b368eb1["debounceScrollEnd()"]
  f81462d0_b06e_fbf9_f1b8_93352f59d5eb["ScrollEndEventPlugin.js"]
  23a35a28_0e9c_e296_230b_ac3a7b368eb1 -->|defined in| f81462d0_b06e_fbf9_f1b8_93352f59d5eb
  dfdf22bc_cfb7_f456_a598_96155cbc1f95["fireScrollEnd()"]
  dfdf22bc_cfb7_f456_a598_96155cbc1f95 -->|calls| 23a35a28_0e9c_e296_230b_ac3a7b368eb1
  4aec19a3_29c8_bb6a_c13b_8823cc60b026["extractEvents()"]
  4aec19a3_29c8_bb6a_c13b_8823cc60b026 -->|calls| 23a35a28_0e9c_e296_230b_ac3a7b368eb1
  style 23a35a28_0e9c_e296_230b_ac3a7b368eb1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom-bindings/src/events/plugins/ScrollEndEventPlugin.js lines 101–117

function debounceScrollEnd(
  targetInst: null | Fiber,
  nativeEvent: AnyNativeEvent,
  nativeEventTarget: EventTarget,
) {
  const existingTimer = getScrollEndTimer(nativeEventTarget);
  if (existingTimer != null) {
    clearTimeout(existingTimer);
  }
  if (targetInst !== null) {
    const newTimer = setTimeout(
      fireScrollEnd.bind(null, targetInst, nativeEvent, nativeEventTarget),
      DEBOUNCE_TIMEOUT,
    );
    setScrollEndTimer(nativeEventTarget, newTimer);
  }
}