tanstack-query
✓React で TanStack Query v5 でサーバーの状態を管理します。 useMutationState、簡素化されたオプティミスティック更新、throwOnError、ネットワーク モード (オフライン/PWA)、infiniteQueryOptions について説明します。 データのフェッチを設定する場合、v4→v5 移行エラー (オブジェクト構文、gcTime、isPending、keepPreviousData) を修正する場合、またはストリーミング サーバー コンポーネントでの SSR/ハイドレーションの問題をデバッグする場合に使用します。
SKILL.md
Last Updated: 2026-01-20 Versions: @tanstack/react-query@5.90.19, @tanstack/react-query-devtools@5.91.2 Requires: React 18.0+ (useSyncExternalStore), TypeScript 4.7+ (recommended)
New pattern using variables - no cache manipulation, no rollback needed:
| online (default) | Only fetch when online | | always | Always try (useful for local/service worker APIs) | | offlineFirst | Use cache first, fetch when online |
React で TanStack Query v5 でサーバーの状態を管理します。 useMutationState、簡素化されたオプティミスティック更新、throwOnError、ネットワーク モード (オフライン/PWA)、infiniteQueryOptions について説明します。 データのフェッチを設定する場合、v4→v5 移行エラー (オブジェクト構文、gcTime、isPending、keepPreviousData) を修正する場合、またはストリーミング サーバー コンポーネントでの SSR/ハイドレーションの問題をデバッグする場合に使用します。 ソース: infinite-loop-factory/app-factory。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/infinite-loop-factory/app-factory --skill tanstack-query- カテゴリ
- {}データ分析
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
tanstack-query とは？
React で TanStack Query v5 でサーバーの状態を管理します。 useMutationState、簡素化されたオプティミスティック更新、throwOnError、ネットワーク モード (オフライン/PWA)、infiniteQueryOptions について説明します。 データのフェッチを設定する場合、v4→v5 移行エラー (オブジェクト構文、gcTime、isPending、keepPreviousData) を修正する場合、またはストリーミング サーバー コンポーネントでの SSR/ハイドレーションの問題をデバッグする場合に使用します。 ソース: infinite-loop-factory/app-factory。
tanstack-query のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/infinite-loop-factory/app-factory --skill tanstack-query インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/infinite-loop-factory/app-factory
詳細
- カテゴリ
- {}データ分析
- ソース
- skills.sh
- 初回登録
- 2026-02-01