Base Web App

React Query Demo

Pokemon List
Page 1 - This data is automatically cached and revalidated by React Query
Pokemon Details
Click on a Pokemon to see its details (demonstrates dependent queries)
Select a Pokemon to view details
Advanced Features Demonstrated
  • Pagination with automatic prefetching of next page
  • Cache invalidation (try the Invalidate Cache button)
  • Dependent queries (Pokemon details load when selected)
  • Parallel queries (list and detail load independently)
  • Optimistic updates and cache management
  • Type-safe data with TypeScript