Debounce with requestAnimationFrame

debounce.js

// Useful for debouncing callbacks to mousemove, resize, scroll event listeners

function debounce(fn) {
  let raf;

  return (...args) => {
    if (raf) {
      console.log('debounced');
      return;
    }

    raf = window.requestAnimationFrame(() => {
      fn(...args); // run useful code
      raf = undefined;
    });
  };
}

function handleMouseMove(e) {
  console.log('handleMouseMove', e);
}

const debouncedHandleMouseMove = debounce(handleMouseMove);

document.addEventListener('mousemove', debouncedHandleMouseMove);