Cache and revalidate React data fetching with SWR hooks.
npx skills add https://github.com/vercel/vercel-plugin --skill swr-vercel
Please help me install this Agent Skill. Skill: swr Source: https://github.com/vercel/vercel-plugin/tree/main/skills/swr Command: npx skills add https://github.com/vercel/vercel-plugin --skill swr-vercel
Client-side data fetching in React can be noisy and inefficient; SWR provides a simple hook-based solution with built-in caching and background revalidation to keep UIs up-to-date with minimal boilerplate.
Install swr and start using useSWR to fetch and cache data in your React components.
High-intent search queries and answers about installing and using this skill.
Fetch and cache API data in React using the useSWR hook, which provides a simple hook-based solution with built-in caching and automatic background revalidation to keep UIs up-to-date efficiently.
Stale-while-revalidate is a caching strategy where SWR serves cached data immediately for fast initial responses, then fetches fresh API data in the background to automatically update the UI components.
Handle optimistic UI and mutations in React using the dedicated useSWRMutation hook, which allows you to apply local data updates immediately while synchronizing with API endpoints in the background.
Implement paginated or infinite loading in React using the useSWRInfinite hook, which manages data fetching workflows by automatically requesting and caching additional pages of API data as needed.
Yes, you can configure global settings for React data fetching using SWRConfig, which allows you to define shared fetchers, revalidation rules, and error handling across all UI components.
Yes, SWR operates without external dependencies, allowing you to integrate caching and revalidation directly into React components by installing the standalone package and defining a custom fetcher.
vercel-labsFetch React data with stale-while-revalidate caching and custom fetchers.
amhuppertBreak down frontend feature requirements into API clients, UI components, and integration tasks with dependencies.
sbsbhongAdapt Zustand state management to json-render's StateStore for React Native JSON UI components.
roderikImplement TanStack Query data fetching and caching in React applications.
