Create reactive client-side data stores with live queries and optimistic mutations.
npx skills add https://github.com/janpeterd/dotfiles --skill tanstack-db-janpeterd
Please help me install this Agent Skill. Skill: tanstack-db Source: https://github.com/janpeterd/dotfiles/tree/main/dot_agents/skills/tanstack-db Command: npx skills add https://github.com/janpeterd/dotfiles --skill tanstack-db-janpeterd
TanStack DB eliminates the complexity of keeping client state, server data, and optimistic UI updates synchronized while enabling fast, reactive query results.
Create a query collection for your API data and then use a live query to filter, sort, limit, and reactively render results from that collection.
High-intent search queries and answers about installing and using this skill.
Live queries use TanStack DB’s createCollection and useLiveQuery patterns to automatically re-run and update UI results when underlying collection data changes, including across joined views.
Optimistic mutations with rollback apply inserts, updates, and deletes instantly in the UI while using onInsert, onUpdate, and onDelete handlers to synchronize changes with the API in the background.
You normalize data by creating query collections using queryCollectionOptions integration, which connects TanStack DB collections to sync backends like TanStack Query for reactive client-first storage.
Yes, TanStack DB live queries support building SQL-like queries that re-run automatically, enabling efficient joined views across multiple normalized collections on the client.
You need a reactive client store with differential dataflow when building applications requiring query-driven syncing, efficient updates over large datasets, and joined views across multiple collections.
Yes, applying optimistic mutations that stay consistent with API data requires implementing mutation handlers like onInsert, onUpdate, and onDelete for background server synchronization.
TaherMustansir1929Synchronize API data into normalized collections with live queries and optimistic mutations.
tanstack-skillsManage client-side data with normalized collections and live queries.
CaiZongyuanImplement reactive data layers with TanStack DB collections and live queries.
TheBushidoCollectiveImplement advanced Zustand patterns for managing complex React application state.
