Does this skill support write operations like POST or DELETE?

Yes, it includes detailed patterns for useSWRMutation to handle write operations with explicit trigger controls and optimistic data updates.

How does it handle complex pagination?

The skill provides specific implementation patterns for useSWRInfinite, covering both offset-based and cursor-based pagination with automatic flattening of data pages.

What is the main benefit of using this SWR skill?

It ensures you implement the stale-while-revalidate pattern correctly, helping you avoid common errors like infinite request loops caused by unstable keys or showing spinners during background refreshes.

Can I use these patterns for Server-Side Rendering (SSR)?

Yes, the skill includes patterns for using SWRConfig with fallback data to enable seamless hydration between server-rendered HTML and client-side SWR caches.

SWR Web Data Fetching

Name: SWR Web Data Fetching
Author: agents-inc

byagents-inc

•

API Development

Implements high-performance data fetching patterns using the stale-while-revalidate strategy for React applications.

This skill provides a comprehensive suite of implementation patterns for SWR, the lightweight React Hook library for remote data fetching. It guides developers through professional best practices for caching, background revalidation, and optimistic UI updates while helping avoid common pitfalls like unstable request keys and improper loading state management. By adhering to these patterns, teams can build faster, more responsive user interfaces that handle data synchronization, error states, and complex pagination workflows with minimal boilerplate.

Key Features

01Global configuration patterns for SSR hydration and deduping

02Stale-while-revalidate caching and background revalidation patterns

03Advanced pagination and infinite scroll implementation via useSWRInfinite

04Proper distinction between isLoading and isValidating states

05Optimistic UI update strategies with automatic error rollback

061 GitHub stars

Use Cases

01Building read-heavy dashboard applications with real-time background refreshes

02Implementing performant infinite scroll lists with cursor-based pagination

03Creating responsive data-entry forms with instant UI feedback and server synchronization

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add agents-inc/skills web-data-fetching-swr

For use in Claude.ai and ChatGPT

Key Features

01Global configuration patterns for SSR hydration and deduping

02Stale-while-revalidate caching and background revalidation patterns

03Advanced pagination and infinite scroll implementation via useSWRInfinite

04Proper distinction between isLoading and isValidating states

05Optimistic UI update strategies with automatic error rollback

061 GitHub stars

Use Cases

01Building read-heavy dashboard applications with real-time background refreshes

02Implementing performant infinite scroll lists with cursor-based pagination

03Creating responsive data-entry forms with instant UI feedback and server synchronization

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add agents-inc/skills web-data-fetching-swr

For use in Claude.ai and ChatGPT