useThrottle.md

useThrottle and useThrottleFn

React hooks that throttle.

Usage

import React, { useState } from 'react';
import { useThrottle, useThrottleFn } from 'react-use';

const Demo = ({value}) => {
  const throttledValue = useThrottle(value);
  // const throttledValue = useThrottleFn(value => value, 200, [value]);

  return (
    <>
      <div>Value: {value}</div>
      <div>Throttled value: {throttledValue}</div>
    </>
  );
};

Reference

useThrottle(value, ms?: number);
useThrottleFn(fn, ms, args);