TanStack Query v5 Cache Demo — AI-Generated HTML Example
CODE PREVIEW
エディタを読み込み中…
P
Prompt
Create an interactive HTML demo showcasing TanStack Query v5 cache features: staleTime, gcTime, prefetching, optimistic updates. Use a simulated API (setTimeout). Include a list with 3 items, cache status display, and cache invalidation buttons. Use Swiper for carousel? No. Use GSAP for transition animations on cache state changes. Use AOS? No.
TanStack Query v5のキャッシュ機能をデモ。staleTime(5秒)、gcTime(30秒)、プリフェッチ、キャッシュ無効化を視覚的に体験。アイテムクリックで詳細表示、ボタンでキャッシュ操作。GSAPで状態変化をアニメーション表示。
Prompt Overview
Demonstrates the caching features of TanStack Query v5. Visually experience staleTime (5 seconds), gcTime (30 seconds), prefetching, and cache invalidation. Click an item to view details, use buttons to manipulate the cache. GSAP animates state changes.
Was this prompt helpful?
Comments
Comments appear after moderation
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選