tanstack-query
✓React で TanStack Query v5 でサーバーの状態を管理します。 useQuery でクエリを設定し、useMutation で突然変異を設定し、QueryClient キャッシュ戦略を構成し、オプティミスティック更新を実装し、useInfiniteQuery で無限スクロールを処理します。 React プロジェクトでのデータ取得の設定、v4 から v5 への移行、またはオブジェクト構文に必要なエラーの修正、クエリ コールバックの削除に関する問題、cacheTime の名前が gcTime に変更された場合、isPending と isLoading の混乱、keepPreviousData の削除に関する問題の場合に使用します。
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 でサーバーの状態を管理します。 useQuery でクエリを設定し、useMutation で突然変異を設定し、QueryClient キャッシュ戦略を構成し、オプティミスティック更新を実装し、useInfiniteQuery で無限スクロールを処理します。 React プロジェクトでのデータ取得の設定、v4 から v5 への移行、またはオブジェクト構文に必要なエラーの修正、クエリ コールバックの削除に関する問題、cacheTime の名前が gcTime に変更された場合、isPending と isLoading の混乱、keepPreviousData の削除に関する問題の場合に使用します。 ソース: ovachiever/droid-tings。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/ovachiever/droid-tings --skill tanstack-query- カテゴリ
- {}データ分析
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
tanstack-query とは？
React で TanStack Query v5 でサーバーの状態を管理します。 useQuery でクエリを設定し、useMutation で突然変異を設定し、QueryClient キャッシュ戦略を構成し、オプティミスティック更新を実装し、useInfiniteQuery で無限スクロールを処理します。 React プロジェクトでのデータ取得の設定、v4 から v5 への移行、またはオブジェクト構文に必要なエラーの修正、クエリ コールバックの削除に関する問題、cacheTime の名前が gcTime に変更された場合、isPending と isLoading の混乱、keepPreviousData の削除に関する問題の場合に使用します。 ソース: ovachiever/droid-tings。
tanstack-query のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/ovachiever/droid-tings --skill tanstack-query インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/ovachiever/droid-tings
詳細
- カテゴリ
- {}データ分析
- ソース
- skills.sh
- 初回登録
- 2026-02-01