Tasks

TanStack Query v5 Cache & Chaos Inspector

🟣 Senior~50m

Server-state management with live query cache inspection, staleTime/gcTime countdown timers, optimistic mutations, and simulated backend chaos injection.

useStateReact 19TypeScript
Query Fetch Status
Fetching...Cached in Memory
Active Cached Queries
1
Cache staleTime
15s FreshZero network refetch
Garbage Collection
60s (gcTime)Auto-evicts unused keys

API Chaos Simulator & Failure Injection

Inject intentional HTTP failures to verify how TanStack Query automatically triggers exponential backoff retry algorithms and optimistic rollbacks.

Query Cache Tree

Real-time inspection of active query keys, subscriber counts, and invalidation states.

["posts"]STALE
Status: pending
Observers: 0
Updated: 00:00
Failures: 0

Live Cached Server Data StreamLast updated: 12:00:00 AM

Fetching posts over simulated network (600ms)...