# use-debounce A react hook for debouncing an input with state variables in react.

## Usage [Simple demo](https://codesandbox.io/s/infallible-pond-u9w4z) [react-select demo](https://codesandbox.io/s/snowy-frost-06r5j) ```javascript import React, { useState } from 'react'; const MyComponent() { const [value, setValue] = useState(); const [debouncedValue, setDebouncedValue] = useState(); useDebounce(value, setDebouncedValue); return (
setValue(value)} /> {debouncedValue}
); } ``` ## Parameters #### `value` ```js value: any ``` Whenever this variable changes, the debounce method is triggered and the timer is started. #### `operation` ```js operation: (value, ...params) => {...} ``` If the debounce timer ended without interruption, we call `operation` with the freshest value of `value` (+ all the params passed as 4+ arguments.) #### `delay` ```js delay: number = 400 ``` The debounce delay - after this amount of time `operation` will be called (without interruption of getting a new `value`). #### `params` ```js params: any {...params} ``` Additional arguments to be passed to your operation, will be spread in the order that were passed.