Installation

Jeder unterstützte Framework wird mit einem eigenen Paket geliefert. Jedes Framework-Paket exportiert alles aus dem Kernpaket @tanstack/db erneut.

React

npm install @tanstack/react-db

npm install @tanstack/react-db

TanStack DB ist kompatibel mit React v16.8+

Solid

npm install @tanstack/solid-db

npm install @tanstack/solid-db

Svelte

npm install @tanstack/svelte-db

npm install @tanstack/svelte-db

Vue

npm install @tanstack/vue-db

npm install @tanstack/vue-db

TanStack DB ist kompatibel mit Vue v3.3.0+

Vanilla JS

npm install @tanstack/db

npm install @tanstack/db

Installieren Sie das Kernpaket @tanstack/db, um DB ohne Framework zu verwenden.

Collection Packages

TanStack DB bietet auch spezialisierte Collection-Pakete für verschiedene Datenquellen und Speicheranforderungen

Query Collection

Zum Laden von Daten mit TanStack Query

npm install @tanstack/query-db-collection

npm install @tanstack/query-db-collection

Verwenden Sie queryCollectionOptions, um Daten mit TanStack Query in Collections abzurufen. Dies ist perfekt für REST-APIs und bestehende TanStack Query-Setups.

Local Collections

LocalStorage- und In-Memory-Collections sind in den Framework-Paketen enthalten

LocalStorageCollection - Für persistente lokale Daten, die über Browser-Tabs hinweg synchronisiert werden
LocalOnlyCollection - Für temporäre In-Memory-Daten und UI-Zustände

Beide verwenden localStorageCollectionOptions bzw. localOnlyCollectionOptions, die aus Ihrem Framework-Paket (z. B. @tanstack/react-db) verfügbar sind.

Sync Engines

Electric Collection

Für Echtzeit-Synchronisierung mit ElectricSQL

npm install @tanstack/electric-db-collection

npm install @tanstack/electric-db-collection

Verwenden Sie electricCollectionOptions, um Daten aus Postgres-Datenbanken über ElectricSQL-Shapes zu synchronisieren. Ideal für Echtzeit-Anwendungen mit Local-First-Ansatz.

TrailBase Collection

Zum Synchronisieren mit TrailBase Backends

npm install @tanstack/trailbase-db-collection

npm install @tanstack/trailbase-db-collection

Verwenden Sie trailBaseCollectionOptions, um Datensätze aus den Record APIs von TrailBase mit integrierter Abonnementunterstützung zu synchronisieren.