GifproGifpro

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

Homeヘルプ