tanstack-db について
TanStack DBは、リアクティブコレクション、ライブクエリ、ミューテーション、永続化、同期エンジンを扱うためのガイドスキルです。フレームワーク別の資料へ誘導し、導入済みパッケージのバージョン確認を重視します。
主な機能
- 01コレクションとスキーマのガイド
- 02リアクティブなライブクエリのパターン
- 03楽観的ミューテーションとトランザクション
- 04同期、永続化、オフラインのガイド
- 05React、Vue、Solid、Svelte、Angularへの振り分け
活用シーン
- 01適切なフレームワークアダプターの選択
- 02リアクティブなデータクエリの構築
- 03楽観的更新の実装
- 04バージョンに合う同期・永続化APIの確認
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ lukasa1993/ tanstack-skills-extracted --skill tanstack-dbインストール後、Claude Code で/tanstack-dbを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
.tanstack-product-skill.jsonLICENSEagents/openai.yamllicenses/dd5fd3a2e8ca256521b80e46d7fb0aa953c842ef1420fb31f4b1f08ae31d82e7.txtreferences/assets/tanstack-db-core-collection-setup/references/electric-adapter.mdlocal-adapters.mdpowersync-adapter.mdquery-adapter.mdrxdb-adapter.mdschema-patterns.mdtrailbase-adapter.mdreferences/assets/tanstack-db-core-live-queries/references/operators.mdreferences/assets/tanstack-db-core-mutations-optimistic/references/transaction-api.mdreferences/assets/tanstack-db-playbook-tanstack-db-collections/references/custom-collections.mdelectric-collection.mdlocal-collections.mdquery-collection.mdsync-modes.mdreferences/assets/tanstack-db-playbook-tanstack-db-electric/references/debugging.mdproxy-setup.mdshapes.mdtxid-matching.mdreferences/assets/tanstack-db-playbook-tanstack-db-live-queries/references/aggregations.mdfunctional-variants.mdjoins.mdperformance.mdquery-builder.mdsubqueries.mdreferences/assets/tanstack-db-playbook-tanstack-db-mutations/references/error-handling.mdhandlers.md詳細
TanStack DB
ライブクエリ、楽観的ミューテーション、永続化、同期エンジン、フレームワークアダプターに関するリアクティブコレクションのガイダンスです。
アダプターまたは同期 API を使用する前に、パッケージのバージョンを確認してください。
ワークフロー
- インストールされている TanStack パッケージと正確なバージョンを確認します。
- 基盤リファレンスと、検出されたフレームワークのアダプターリファレンスを読みます。
- トピックリファレンスは索引です。タスクに合ったガイドまたはセクションを選び、必要な場合にのみ前提条件へのリンクをたどってください。
- 記憶に頼るより、インストール済みパッケージの型とバージョンに一致するソースガイダンスを優先してください。
- 例をフレームワークアダプター向けに置き換える場合も、ヘッドレス/コアの動作を維持してください。
タスクの振り分け
- 基礎 — DB アーキテクチャとメタフレームワークのルーティング。
- コレクションとスキーマ — コレクションの設定、コレクションの型、スキーマ。
- ライブクエリ — リアクティブなライブクエリの構築と演算子。
- ミューテーション — 楽観的ミューテーションとトランザクションのパターン。
- 同期と永続化 — 永続化、カスタムアダプター、オフライントランザクション、Electric。
- React アダプター — React DB アダプターのガイダンス。
- Vue アダプター — Vue DB アダプターのガイダンス。
- Solid アダプター — Solid DB アダプターのガイダンス。
- Svelte アダプター — Svelte DB アダプターのガイダンス。
- Angular アダプター — Angular DB アダプターのガイダンス。
フレームワークのルーティング
- React —
@tanstack/react-dbを検出します。React アダプターを読みます。 - Vue —
@tanstack/vue-dbを検出します。Vue アダプターを読みます。 - Solid —
@tanstack/solid-dbを検出します。Solid アダプターを読みます。 - Svelte —
@tanstack/svelte-dbを検出します。Svelte アダプターを読みます。 - Angular —
@tanstack/angular-dbを検出します。Angular アダプターを読みます。
製品の境界
タスクが製品の境界をまたぐ場合は、個別の製品スキルである tanstack-query、tanstack-start を使用してください。
正確な上流の入力と重複排除の記録については、ソースの出典を参照してください。
コメント
Markdown 対応