TanStack Pacer Solid Adapter

Wenn Sie TanStack Pacer in einer Solid-Anwendung verwenden, empfehlen wir die Verwendung des Solid Adapters. Der Solid Adapter bietet eine Reihe einfach zu bedienender Hooks auf der Grundlage der Kernfunktionen von Pacer. Wenn Sie die Kernklassen/Funktionen von Pacer direkt verwenden möchten, exportiert der Solid Adapter auch alles aus dem Kernpaket neu.

Installation

npm install @tanstack/solid-pacer

npm install @tanstack/solid-pacer

Solid Hooks

Sehen Sie sich die Solid Functions Reference an, um die vollständige Liste der im Solid Adapter verfügbaren Hooks zu sehen.

Grundlegende Verwendung

Importieren Sie einen Solid-spezifischen Hook aus dem 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,
})

Oder importieren Sie eine Kern-Pacer-Klasse/Funktion, die vom Solid Adapter neu exportiert wird.

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

Installation

Solid Hooks

Grundlegende Verwendung

Bytes abonnieren

Bytes abonnieren