@clave/use-debounce
TypeScript icon, indicating that this package has built-in type declarations

1.2.0 • Public • Published

useDebounce

Wait until a value stops changing

Documentation

npm install @clave/use-debounce

This hook returns a value that changes when another vaule stops changing. It is very useful for search inputs where you don't want to react on every keystroke.

Usage

import useDebounce from "@clave/use-debounce";

const [value, setValue] = useState("");

const delayedValue = useDebounce(value, 500);
//delayedValue will only change when value has been unchanging for 500ms

// It's very useful for searchboxes where you want to wait until the user has stopped typing
useEffect(() => {
  search(delayedValue);
}, [delayedValue]);

<input onChange={setValue} value={value} />;

Dependencies (0)

    Dev Dependencies (0)

      Package Sidebar

      Install

      npm i @clave/use-debounce

      Weekly Downloads

      2

      Version

      1.2.0

      License

      ISC

      Unpacked Size

      28.9 kB

      Total Files

      22

      Last publish

      Collaborators

      • mariusgundersen
      • clave-no