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

Real-timeDEMO

Real-time updates and cache synchronization

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.

Real-time Updates Demo

Experience SWR's automatic refresh features and real-time data synchronization

Controls

Updates Stopped
SWR Key: /api/live-data (refreshInterval: 0ms)SWR Key: /api/messages (refreshInterval: 3000ms)

Live Data

Chat Messages

How to Use This Demo
  • • Click "Start Auto-refresh" to begin real-time data updates
  • • Send chat messages to see immediate cache updates
  • • Check refreshInterval settings and auto-refresh behavior in DevTools
  • • Use "Manual Refresh" to force revalidation of all caches