DevTools Settings

Current Position: bottom-right | Theme: auto

SWR Cache DevTools Demo

Explore various SWR usage patterns and cache behaviors in this interactive demo application

💡 Tip: Use the DevTools Settings above to customize the DevTools panel position, theme, and size. Then click the floating button to open the cache inspector.

Basic OperationsDEMO

Basic SWR usage patterns and cache inspection

How to use SWR Cache DevTools

When you run each demo, the SWR cache state will be displayed in real-time in the DevTools at the bottom of the page. You can enable edit mode to directly modify cache values.

Basic Operations Demo

Experience basic SWR usage patterns and cache operations

Users ListSWR Key: /api/users

User Details

Please select a user from the left

How to Use This Demo
  • • Click any user from the list to view their details
  • • Observe conditional fetching behavior based on selection
  • • Check cache state changes and data revalidation in DevTools
  • • DevTools provides comprehensive cache management functionality