useThrottle

[gausie]

It would be nice to have useThrottle, implemented similarly to useDebounce

[streamich]

🎉 This issue has been resolved in version 6.1.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[gausie]

@streamich unfortunately it's not implemented correctly - instead of discarding the intermediary function calls, it just delays them all.

i adapted this code as follows

import * as React from 'react';

export const useThrottle = (fn: () => any, ms: number = 0, args?: any) => {
  const lastRan = React.useRef(0);
  const timeout = React.useRef(0);

  const run = React.useCallback(() => {
    fn.apply(null, args);
    lastRan.current = Date.now();
  }, [lastRan, fn, args]);

  React.useEffect(() => {
    clearTimeout(timeout.current);

    const diff = Date.now() - lastRan.current;
    if (diff >= ms) {
      run();
    } else {
      timeout.current = setTimeout(run, ms - diff);
    }

    return () => { clearTimeout(timeout.current) }
  }, args);
};

[streamich]

@gausie thanks, I will add this fix

[streamich]

🎉 This issue has been resolved in version 6.2.2 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀