ワンクリックで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.