tanstack-query-best-practices
✓TanStack Query (React Query) データのフェッチ、キャッシュ、ミューテーション、およびサーバー状態管理のベスト プラクティス。サーバー状態を使用してデータ駆動型 React アプリケーションを構築する場合にアクティブ化します。
SKILL.md
Comprehensive guidelines for implementing TanStack Query (React Query) patterns in React applications. These rules optimize data fetching, caching, mutations, and server state synchronization.
| CRITICAL | Query Keys | 5 rules | Prevents cache bugs and data inconsistencies | | CRITICAL | Caching | 5 rules | Optimizes performance and data freshness | | HIGH | Mutations | 6 rules | Ensures data integrity and UI consistency | | HIGH | Error Handling | 3 rules | Prevents poor user experiences |
| MEDIUM | Prefetching | 4 rules | Improves perceived performance | | MEDIUM | Parallel Queries | 2 rules | Enables dynamic parallel fetching | | MEDIUM | Infinite Queries | 3 rules | Prevents pagination bugs | | MEDIUM | SSR Integration | 4 rules | Enables proper hydration | | LOW | Performance | 4 rules | Reduces unnecessary re-renders |
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/deckardger/tanstack-agent-skills --skill tanstack-query-best-practices- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-14
- 更新日
- 2026-02-18
クイックアンサー
tanstack-query-best-practices とは？
TanStack Query (React Query) データのフェッチ、キャッシュ、ミューテーション、およびサーバー状態管理のベスト プラクティス。サーバー状態を使用してデータ駆動型 React アプリケーションを構築する場合にアクティブ化します。 ソース: deckardger/tanstack-agent-skills。
tanstack-query-best-practices のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/deckardger/tanstack-agent-skills --skill tanstack-query-best-practices インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/deckardger/tanstack-agent-skills
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-14