useDebounce

Delays value updates to reduce excessive operations like API calls.

Import

import { useDebounce } from 'asterui'

Usage

function SearchExample() {
  const [search, setSearch] = useState('')
  const debouncedSearch = useDebounce(search, 500)

  useEffect(() => {
    // Only runs 500ms after user stops typing
    fetchResults(debouncedSearch)
  }, [debouncedSearch])

  return (
    <Input
      value={search}
      onChange={(e) => setSearch(e.target.value)}
      placeholder="Search..."
    />
  )
}

Parameters

Parameter	Type	Default	Description
value	T	-	Value to debounce
delay	number	300	Delay in milliseconds

Return Value

Type	Description
T	Debounced value (updates after delay)