tanstack-db

Implement TanStack DB reactive collections, live queries, and optimistic mutations.

2|Updated Jan 16, 2026

Search Tags:#tanstack #sync #offline-first #reactive #tanstack-db #live-query #optimistic-mutation

Ready to run

npx skills add https://github.com/olegakbarov/ispo-code --skill tanstack-db-olegakbarov

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: tanstack-db
Source: https://github.com/olegakbarov/ispo-code/tree/main/.claude/skills/tanstack-db
Command: npx skills add https://github.com/olegakbarov/ispo-code --skill tanstack-db-olegakbarov

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

TanStack DB provides a reactive, client-side data layer that enables true local-first apps by delivering live queries, optimistic mutations, and real-time sync across storage backends.

Core Features & Use Cases

Reactive live queries that update incrementally as data changes
Optimistic mutations with automatic reconciliation and error handling
Sync engine integrations (Electric, RxDB, PowerSync) for real-time data across devices
Local-first architecture supporting offline work and fast UX

Quick Start

Create a sample todos collection and run a live query to display all items.

Frequently Asked Questions about tanstack-db

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I build offline-first apps with reactive live queries?▼

To build offline-first apps with reactive live queries, implement a client-side data layer using collections that update incrementally as local data changes, ensuring fast UX during network interruptions.

What is the best way to handle optimistic mutations in local-first web apps?▼

The best way to handle optimistic mutations in local-first web apps is using a reactive data layer that applies local changes immediately while automatically reconciling and handling errors during background sync.

Does TanStack DB work with Electric, RxDB, and PowerSync for real-time sync?▼

Yes, TanStack DB works with Electric, RxDB, and PowerSync sync engines to enable real-time data synchronization across multiple storage backends and devices for local-first architectures.

How do I set up a sample todos collection and run a live query?▼

To set up a sample todos collection and run a live query, define your local collection schema and execute a query that automatically subscribes to data changes, rendering all items reactively in your UI.

When should I use a reactive client-side data layer for offline work?▼

You should use a reactive client-side data layer for offline work when your application requires true local-first capabilities, fast user experiences without network latency, and multi-engine real-time sync.