npm.io
1.0.5 • Published 4 years ago

use-debounce-maker

Licence
ISC
Version
1.0.5
Deps
1
Size
9 kB
Vulns
0
Weekly
0

useDebounceWrapper

React hook to make a function debounced. https://www.npmjs.com/package/use-debounce-maker

Usage

import useDebounceMaker from "use-debounce-maker";

export default function Example() {
  //'debouncedMyFunc' is now a debounced version of function myFunc and debounced with 1000 milliseconds.
  const debouncedMyFunc = useDebounceMaker(myFunc, 1000);

  function myFunc(e) {
    console.log("Input value: " + e.target.value);
  }

  return <input onChange={debouncedMyFunc} />;
}

View on Codesandbox

Params
Param Type Required Default Description
func any true null The function to be debounced
duration number false 300 duration for the debounce delay

https://www.npmjs.com/package/use-debounce-maker