tanstack-query

SKILL.md

Status: Production Ready ✅ Last Updated: 2025-10-22 Dependencies: React 18.0+, TypeScript 4.7+ (recommended) Latest Versions: @tanstack/react-query@5.90.5, @tanstack/react-query-devtools@5.90.2

❌ Never use query callbacks (onSuccess, onError, onSettled in queries)

This skill prevents 8 documented issues from v5 migration and common mistakes:

このスキルは、React アプリケーションにおける TanStack Query v5 (React Query) サーバー状態管理に関する包括的な知識を提供します。 useQuery を使用したデータ フェッチの設定、useMutation を使用した変更の実装、QueryClient の構成、キャッシュ戦略の管理、v4 から v5 への移行、オプティミスティック更新の実装、無限クエリの使用、またはクエリ/変更エラーが発生した場合に使用する必要があります。 以下の場合に使用します: React プロジェクトでの TanStack Query の初期化、QueryClient 設定の構成、カスタム クエリ フックの作成、エラー処理を伴うミューテーションの実装、オプティミスティック更新のセットアップ、ページネーションでの useInfiniteQuery の使用、React Query v4 から v5 への移行、古いデータの問題のデバッグ、キャッシュの問題の修正、v5 の重大な変更の解決、サスペンス クエリの実装、クエリ開発ツールのセットアップ。 キーワード: TanStack クエリ、React クエリ、useQuery、useMutation、useInfiniteQuery、useSuspenseQuery、QueryClient、QueryClientProvider、データ フェッチ、サーバー状態、キャッシュ、staleTime、gcTime、クエリ無効化、プリフェッチ、オプティミスティック更新、突然変異、クエリ キー、クエリ関数、エラー境界、サスペンス、React Query DevTools、v5 移行、v4 から v5 へ、リクエスト ウォーターフォール、バックグラウンド再フェッチ、cacheTime の名前変更、読み込みステータスの名前変更、保留ステータス、initialPageParam が必要、keepPreviousData の削除、placeholderData、クエリ コールバックの削除、onSuccess の削除、onError の削除、オブジェクト構文が必要 ソース: jackspace/claudeskillz。

原文を見る