원클릭으로 Manus에서 모든 스킬 실행

db-core

스타3,795

포크240

업데이트2026년 5월 23일 13:31

TanStack DB core concepts: createCollection with queryCollectionOptions, electricCollectionOptions, powerSyncCollectionOptions, rxdbCollectionOptions, trailbaseCollectionOptions, localOnlyCollectionOptions. Live queries via query builder (from, where, join, select, groupBy, orderBy, limit). Optimistic mutations with draft proxy (collection.insert, collection.update, collection.delete). createOptimisticAction, createTransaction, createPacedMutations. Entry point for all TanStack DB skills.

설치

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

Manus에서 실행

출처

TanStack

TanStack/db

GitHub 저장소 열기 Creator 저장소 보기

다운로드

Manus에서 실행

TanStack DB — Core Concepts

TanStack DB is a reactive client-side data store. It loads data into typed collections from any backend (REST APIs, sync engines, local storage), provides sub-millisecond live queries via differential dataflow, and supports instant optimistic mutations with automatic rollback.

Framework packages (@tanstack/react-db, @tanstack/vue-db, @tanstack/svelte-db, @tanstack/solid-db) re-export everything from @tanstack/db plus framework-specific hooks. In framework projects, import from the framework package directly. @tanstack/angular-db is the exception -- import operators from @tanstack/db separately.

Sub-Skills

Need to...	Read
Create a collection, pick an adapter, add schema	db-core/collection-setup/SKILL.md
Query data with where, join, groupBy, select	db-core/live-queries/SKILL.md
Insert, update, delete with optimistic UI	db-core/mutations-optimistic/SKILL.md
Build a custom sync adapter	db-core/custom-adapter/SKILL.md
Persist collections to SQLite (offline cache)	db-core/persistence/SKILL.md
Preload collections in route loaders	meta-framework/SKILL.md
Add offline transaction queueing	offline/SKILL.md (in @tanstack/offline-transactions)

For framework-specific hooks:

Framework	Read
React	react-db/SKILL.md
Vue	vue-db/SKILL.md
Svelte	svelte-db/SKILL.md
Solid	solid-db/SKILL.md
Angular	angular-db/SKILL.md

Quick Decision Tree

Setting up for the first time? → db-core/collection-setup
Building queries on collection data? → db-core/live-queries
Writing data / handling optimistic state? → db-core/mutations-optimistic
Using React hooks? → react-db
Preloading in route loaders (Start, Next, Remix)? → meta-framework
Building an adapter for a new backend? → db-core/custom-adapter
Persisting collections to SQLite? → db-core/persistence
Need offline transaction persistence? → offline

Version

Targets @tanstack/db v0.6.0.

이 저장소의 다른 Skills

같은 저장소

db-core-live-queries

TanStack/db

Query builder fluent API: from, where, join, leftJoin, rightJoin, innerJoin, fullJoin, select, fn.select, groupBy, having, orderBy, limit, offset, distinct, findOne. Operators: eq, gt, gte, lt, lte, like, ilike, inArray, isNull, isUndefined, and, or, not. Aggregates: count, sum, avg, min, max. String functions: upper, lower, length, concat. Utility: coalesce, caseWhen. Math: add. $selected namespace. createLiveQueryCollection. Derived collections. Predicate push-down. Incremental view maintenance via differential dataflow (d2ts). Virtual properties ($synced, $origin, $key, $collectionId). Includes subqueries for hierarchical data. toArray and concat(toArray(...)) scalar includes. queryOnce for one-shot queries. createEffect for reactive side effects (onEnter, onUpdate, onExit, onBatch).

2026-05-233.8k

db-core-mutations-optimistic

TanStack/db

collection.insert, collection.update (Immer-style draft proxy), collection.delete. createOptimisticAction (onMutate + mutationFn). createPacedMutations with debounceStrategy, throttleStrategy, queueStrategy. createTransaction, getActiveTransaction, ambient transaction context. Transaction lifecycle (pending/persisting/completed/failed). Mutation merging. onInsert/onUpdate/onDelete handlers. PendingMutation type. Transaction.isPersisted.

2026-05-233.8k

angular-db

TanStack/db

Angular bindings for TanStack DB. injectLiveQuery inject function with Angular signals (Signal<T>) for all return values. Reactive params pattern ({ params: () => T, query: ({ params, q }) => QueryBuilder }) for dynamic queries. Must be called in injection context. Angular 17+ control flow (@if, @for) and signal inputs supported. Import from @tanstack/angular-db (re-exports all of @tanstack/db).

2026-04-073.8k

react-db

TanStack/db

React bindings for TanStack DB. useLiveQuery hook with dependency arrays (8 overloads: query function, config object, pre-created collection, disabled state via returning undefined/null). useLiveSuspenseQuery for React Suspense with Error Boundaries (data always defined). useLiveInfiniteQuery for cursor-based pagination (pageSize, fetchNextPage, hasNextPage, isFetchingNextPage). usePacedMutations for debounced React state updates. Return shape: data, state, collection, status, isLoading, isReady, isError. Import from @tanstack/react-db (re-exports all of @tanstack/db).

2026-04-073.8k

solid-db

TanStack/db

SolidJS bindings for TanStack DB. useLiveQuery returns an Accessor that doubles as data access (call as function) with state/status properties. Fine-grained reactivity: signal reads MUST happen inside the query function for tracking. Config passed as Accessor (() => config). Built-in Suspense support via createResource. ReactiveMap for state. Import from @tanstack/solid-db (re-exports all of @tanstack/db).

2026-04-073.8k

svelte-db

TanStack/db

Svelte 5 bindings for TanStack DB. useLiveQuery with Svelte 5 runes ($state, $derived, $effect). Dependency arrays use getter functions (() => value) for reactive props. Direct destructuring breaks reactivity — use dot notation or wrap with $derived. Conditional queries via returning undefined/null. Import from @tanstack/svelte-db (re-exports all of @tanstack/db).

2026-04-073.8k

name	db-core
description	TanStack DB core concepts: createCollection with queryCollectionOptions, electricCollectionOptions, powerSyncCollectionOptions, rxdbCollectionOptions, trailbaseCollectionOptions, localOnlyCollectionOptions. Live queries via query builder (from, where, join, select, groupBy, orderBy, limit). Optimistic mutations with draft proxy (collection.insert, collection.update, collection.delete). createOptimisticAction, createTransaction, createPacedMutations. Entry point for all TanStack DB skills.
type	core
library	db
library_version	0.6.0

TanStack DB — Core Concepts

Sub-Skills

Need to...	Read
Create a collection, pick an adapter, add schema	db-core/collection-setup/SKILL.md
Query data with where, join, groupBy, select	db-core/live-queries/SKILL.md
Insert, update, delete with optimistic UI	db-core/mutations-optimistic/SKILL.md
Build a custom sync adapter	db-core/custom-adapter/SKILL.md
Persist collections to SQLite (offline cache)	db-core/persistence/SKILL.md
Preload collections in route loaders	meta-framework/SKILL.md
Add offline transaction queueing	offline/SKILL.md (in @tanstack/offline-transactions)

For framework-specific hooks:

Framework	Read
React	react-db/SKILL.md
Vue	vue-db/SKILL.md
Svelte	svelte-db/SKILL.md
Solid	solid-db/SKILL.md
Angular	angular-db/SKILL.md

Quick Decision Tree

Setting up for the first time? → db-core/collection-setup
Building queries on collection data? → db-core/live-queries
Writing data / handling optimistic state? → db-core/mutations-optimistic
Using React hooks? → react-db
Preloading in route loaders (Start, Next, Remix)? → meta-framework
Building an adapter for a new backend? → db-core/custom-adapter
Persisting collections to SQLite? → db-core/persistence
Need offline transaction persistence? → offline

Version

Targets @tanstack/db v0.6.0.