ギフプロギフプロ

TanStack Query v5 キャッシュ完全攻略プロンプト作例

CODE PREVIEW

P

プロンプト

TanStack Query v5のキャッシュ動作をデモする単一HTMLファイルを作成。Swiperで説明カードスライド、GSAPでアニメーション、AOSでスクロールエフェクト。staleTime、gcTime、キャッシュ無効化、refetchOnMountとrefetchOnWindowFocusの違いを表示。

TanStack Query v5のキャッシュ動作を実際のReactコードでデモします。「データ取得」ボタンでデータを読み込み、キャッシュ状態を確認。staleTimeは30秒、gcTimeは5分に設定。キャッシュ無効化で再取得を強制。スワイプでコアコンセプトを確認。

このプロンプトは役に立ちましたか?

コメント

コメントは承認後に表示されます

ホームヘルプ