tanstack-db

TanStack DB

Reactive collection guidance for live queries, optimistic mutations, persistence, sync engines, and framework adapters.

Confirm package versions before using adapter or sync APIs.

Workflow

1. Inspect installed TanStack packages and exact versions.
2. Read the foundation reference and the adapter reference for the detected framework.
3. Topic references are indexes. Choose one guide or section for the task; follow its prerequisite links only when needed.
4. Prefer installed package types and version-matched source guidance over memory.
5. 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.