GithubTwitterDiscordPlayground
Search…
English
👋
Atomico
🚀
Getting started with Atomico
Api
🧬
Props(Properties)
🧩
VirtualDOM
🎣
Hooks
🔬
Testing
Guides
🧠
Atomico design patterns
🗺
Atomico style guide
🛡
Atomico with Typescript
🤝
Atomico and React
🔀
Slot
🗃
Archives
@atomico
@atomico/store
@atomico/design-tokens
@atomico/router
@atomico/react
@atomico/hooks
use-ref-values
use-script
use-attributes
use-prop-proxy
use-click-press
use-dollars
use-reflect-event
use-keyboar
use-click-coordinates
use-copy
use-debounce-state
use-form
use-listener
use-disabled
use-css
use-channel
use-promise
use-responsive-state
use-parent
use-resize-observer
use-slot
use-render
use-mutation-observer
use-css-light-dom
use-controller
use-router
use-async-effect
use-child-nodes
use-force-render
@atomico/components
@atomico/exports
@atomico/magic-form
Support
Discord
Github
Twitter
Powered By GitBook
use-debounce-state
creates a bottleneck to the definition of a state, limits concurrency.

Module

1
import { useDebounceState } from "@atomico/hooks/use-debounce-state";
Copied!

Syntax

this hook is similar to useState, but the purpose of this hook is to bottleneck the state at update time
1
const [state, setState] = useDebounceState(delay:number, initialState: any);
Copied!

Example

WebComponents.dev
WebComponents.dev
Previous
use-copy
Next
use-form
Last modified 2mo ago
Copy link
Edit on GitHub
Contents
Module
Syntax
Example