tanstack-store について
コアストアと各種フレームワークアダプターを扱う、TanStack Store 向け状態管理スキルです。検出したフレームワークに応じてガイドを選び、導入済みバージョンとの一致とコア動作の維持を重視します。
主な機能
- 01コアストア、アトム、セレクター
- 02バッチ処理と非同期状態
- 038種類のフレームワークアダプターのガイド
- 04検出したパッケージに応じた案内
- 05バージョンに合った実装ガイダンス
活用シーン
- 01アプリでの TanStack Store 設定
- 02フレームワークアダプターのガイド選び
- 03セレクターや非同期状態の実装
- 04導入済みバージョンに沿った動作確認
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ lukasa1993/ tanstack-skills-extracted --skill tanstack-storeインストール後、Claude Code で/tanstack-storeを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
.tanstack-product-skill.jsonLICENSEagents/openai.yamllicenses/cb4a7917af22bd56340e877f10a5c5aa4fded7af2459162630ff7fcb48bb45c7.txtreferences/foundations.mdframework-angular.mdframework-lit.mdframework-octane.mdframework-preact.mdframework-react.mdframework-solid.mdframework-svelte.mdframework-vue.mdPROVENANCE.jsonROUTES.jsonSOURCES.mdreferences/guides/store-docs-framework-angular-quick-start-md-20f4dec2.mdstore-docs-framework-lit-quick-start-md-3ce96be3.mdstore-docs-framework-octane-quick-start-md-57c946c2.mdstore-docs-framework-preact-quick-start-md-ebe2ea57.mdstore-docs-framework-react-quick-start-md-ed2bdbbf.mdstore-docs-framework-solid-quick-start-md-c0d49fb0.mdstore-docs-framework-svelte-quick-start-md-05ca33fd.mdstore-docs-framework-vue-quick-start-md-52d7b8c1.mdstore-docs-installation-md-eb8c3278.mdstore-docs-overview-md-c307418a.mdstore-docs-quick-start-md-6364d2fe.md詳細
TanStack Store
状態管理、アトム、セレクター、バッチ処理、非同期状態、フレームワークアダプターに関するリアクティブストアのガイダンスです。
コアとアダプターのバージョンを確認してください。
ワークフロー
- インストール済みの TanStack パッケージと正確なバージョンを確認します。
- 検出したフレームワークの基盤リファレンスとアダプターリファレンスを読みます。
- トピックリファレンスはインデックスです。タスクに必要なガイドまたはセクションを1つ選び、必要な場合にのみ前提条件のリンクをたどります。
- 記憶に頼るより、インストール済みパッケージの型とバージョンに対応したソースガイダンスを優先します。
- 例をフレームワークアダプターに置き換える際は、ヘッドレス/コアの動作を維持します。
タスクの振り分け
- 基礎 — コアストア、アトム、セレクター、バッチ処理、非同期状態。
- React アダプター — React 固有のセットアップと動作。
- Preact アダプター — Preact 固有のセットアップと動作。
- Solid アダプター — Solid 固有のセットアップと動作。
- Svelte アダプター — Svelte 固有のセットアップと動作。
- Vue アダプター — Vue 固有のセットアップと動作。
- Angular アダプター — Angular 固有のセットアップと動作。
- Lit アダプター — Lit 固有のセットアップと動作。
- Octane アダプター — Octane 固有のセットアップと動作。
フレームワークの振り分け
- Angular —
@tanstack/angular-storeを検出します。Angular アダプターを読みます。 - Lit —
@tanstack/lit-storeを検出します。Lit アダプターを読みます。 - Octane —
@tanstack/octane-storeを検出します。Octane アダプターを読みます。 - Preact —
@tanstack/preact-storeを検出します。Preact アダプターを読みます。 - React —
@tanstack/react-storeを検出します。React アダプターを読みます。 - Solid —
@tanstack/solid-storeを検出します。Solid アダプターを読みます。 - Svelte —
@tanstack/svelte-storeを検出します。Svelte アダプターを読みます。 - Vue —
@tanstack/vue-storeを検出します。Vue アダプターを読みます。
ソースの状況
TanStack/store の公式ドキュメントです。次の検証済みリリース入力に対応しています:@tanstack/[email protected]。
正確な上流入力と重複排除の記録については、ソースの来歴を参照してください。
コメント
Markdown 対応