react-data-fetching

What problem does it solve?

Data fetching in React apps often leads to boilerplate, repetitive fetch logic, and inconsistent error handling. This Skill provides a reusable pattern using SWR to centralize data fetching, caching, and revalidation, reducing boilerplate and improving UX.

Core Features & Use Cases

• SWR-based data fetching: Simplifies data fetching, caching, and automatic revalidation in React apps.
• Centralized Fetcher: A single fetcher utility that handles auth headers, error handling, and JSON parsing.
• Type Safety: TypeScript generics to ensure safe API responses.
• Use Case: Build a products list in a dashboard by fetching /api/v1/products with automatic refresh and optimistic updates.

Quick Start

Create a SWR-powered data fetch in a React component by importing the centralized fetcher and calling useSWR with your API endpoint.