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.
npm install @tanstack/solid-pacer
npm install @tanstack/solid-pacer
See the Solid Functions Reference to see the full list of hooks available in the Solid Adapter.
Import a solid specific hook from the Solid Adapter.
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.
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
Your weekly dose of JavaScript news. Delivered every Monday to over 100,000 devs, for free.
Your weekly dose of JavaScript news. Delivered every Monday to over 100,000 devs, for free.