Implements efficient React data fetching and caching using the stale-while-revalidate strategy.
This skill provides a comprehensive framework for implementing SWR (Stale-While-Revalidate) patterns in React and Next.js applications. It guides Claude to build high-performance data layers featuring lightweight caching, background revalidation, and optimistic UI updates. By enforcing best practices such as stable key management, proper loading state distinctions, and type-safe fetchers, it helps developers avoid common pitfalls like infinite request loops and redundant spinners, ensuring a seamless and responsive user experience.
주요 기능
01Conditional and dependent query handling via null keys
021 GitHub stars
03Advanced infinite scroll and cursor-based pagination patterns
04Global configuration and SSR hydration strategies
05useSWRMutation for controlled write operations and optimistic updates
06Stale-while-revalidate caching and background revalidation
사용 사례
01Building read-heavy dashboards that require background data freshness
02Implementing infinite scrolling for data-intensive feeds or lists
03Creating snappy UIs with optimistic updates for form submissions and state changes
