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

Array KeysDEMO

SWR patterns using array-form keys

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.

Array Keys Demo

Experience SWR patterns using array-form keys and cache independence

Filter Settings

SWR Key: ['/api/products', {category: "electronics", sortBy: "name", limit: 10}]SWR Key: '/api/analytics/products/electronics'

Product List

Category Analytics

How to Use This Demo
  • • Changing filter settings creates independent cache with new array keys
  • • Same parameter combinations share the same cache
  • • Check array key format and cache independence in DevTools
  • • Use "Clear All Cache" to delete all caches