TanStack Query v5キャッシュ完全攻略|AI生成デモ作例
CODE PREVIEW
エディタを読み込み中…
P
プロンプト
TanStack Query v5のキャッシュ機能(staleTime, gcTime, プリフェッチ, 楽観的更新)を視覚的にデモするインタラクティブなHTMLページ。疑似的なAPI(setTimeout使用)で3つのアイテムリスト。キャッシュ状態表示とキャッシュ無効化ボタン。GSAPでキャッシュ状態変化時のアニメーション。CDNはSwiper不要、AOS不要。
TanStack Query v5のキャッシュ機能をデモ。staleTime(5秒)、gcTime(30秒)、プリフェッチ、キャッシュ無効化を視覚的に体験。アイテムクリックで詳細表示、ボタンでキャッシュ操作。GSAPで状態変化をアニメーション表示。
このプロンプトは役に立ちましたか?
コメント
コメントは承認後に表示されます
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選