On this page
TanStack Pacer Solid Adapter
If you are using TanStack Pacer in a Solid application, we recommend using the Solid Adapter. The Solid Adapter provides a set of easy-to-use hooks on top of the core Pacer utilities. If you find yourself wanting to use the core Pacer classes/functions directly, the Solid Adapter will also re-export everything from the core package.
Installation
sh
npm install @tanstack/solid-pacer
npm install @tanstack/solid-pacer
Solid Hooks
See the Solid Functions Reference to see the full list of hooks available in the Solid Adapter.
Basic Usage
Import a solid specific hook from the Solid Adapter.
tsx
import { useDebouncedValue } from '@tanstack/solid-pacer'
const [instantValue, instantValueRef] = useState(0)
const [debouncedValue, debouncer] = useDebouncedValue(instantValue, {
wait: 1000,
})
import { useDebouncedValue } from '@tanstack/solid-pacer'
const [instantValue, instantValueRef] = useState(0)
const [debouncedValue, debouncer] = useDebouncedValue(instantValue, {
wait: 1000,
})
Or import a core Pacer class/function that is re-exported from the Solid Adapter.
tsx
import { debounce, Debouncer } from '@tanstack/solid-pacer' // no need to install the core package separately
import { debounce, Debouncer } from '@tanstack/solid-pacer' // no need to install the core package separately
Subscribe to Bytes
Your weekly dose of JavaScript news. Delivered every Monday to over 100,000 devs, for free.