TanStack DB
Reactive collection guidance for live queries, optimistic mutations, persistence, sync engines, and framework adapters.
TanStack DB is beta. Confirm package versions before using adapter or sync APIs.
Workflow
- Inspect installed TanStack packages and exact versions.
- Read the foundation reference and the adapter reference for the detected framework.
- Topic references are indexes. Choose one guide or section for the task; follow its prerequisite links only when needed.
- Prefer installed package types and version-matched source guidance over memory.
- Preserve headless/core behavior when translating examples to a framework adapter.
Task routing
- Foundations — DB architecture and meta-framework routing.
- Collections and schemas — Collection setup, collection types, and schemas.
- Live queries — Reactive live-query construction and operators.
- Mutations — Optimistic mutation and transaction patterns.
- Sync and persistence — Persistence, custom adapters, offline transactions, and Electric.
- React adapter — React DB adapter guidance.
- Vue adapter — Vue DB adapter guidance.
- Solid adapter — Solid DB adapter guidance.
- Svelte adapter — Svelte DB adapter guidance.
- Angular adapter — Angular DB adapter guidance.
Framework routing
- React — detect
@tanstack/react-db. Read React adapter. - Vue — detect
@tanstack/vue-db. Read Vue adapter. - Solid — detect
@tanstack/solid-db. Read Solid adapter. - Svelte — detect
@tanstack/svelte-db. Read Svelte adapter. - Angular — detect
@tanstack/angular-db. Read Angular adapter.
Product boundaries
Use these separate product skills when the task crosses their boundary: tanstack-query, tanstack-start.
See source provenance for exact upstream inputs and deduplication records.