TanStack Query v5キャッシュ戦略プロンプト作例【AI生成デモ】

このデモでは、TanStack Query v5 の高度なキャッシュ制御を紹介します。staleTime と gcTime の設定、および手動無効化（invalidateQueries）を組み合わせ、データの鮮度とガベージコレクションをコントロールします。JSONPlaceholder から取得した投稿一覧をキャッシュし、Refresh ボタンで再取得、Mark as Stale ボタンで再取得せずに強制的に古い状態にします。画面上部のキャッシュ状態インジケーター（fresh / stale）と、GC までのカウントダウン表示により、キャッシュのライフサイクルが一目でわかります。不要なネットワークリクエストを減らし、爆速 UX を実現するための実践的なテクニックです。