Data Fetching Patterns

About

Provides standardized patterns for data fetching and caching using the SWR library within the monorepo. This skill details best practices for creating custom data hooks, managing loading and error states, handling mutations with optimistic updates, implementing pagination, and setting up mock data for development. Use this skill when you need to interact with an API, fetch data, or manage server state within a React component, ensuring a consistent and efficient implementation.

Key Features

• Guidance on creating custom SWR hooks for specific API endpoints.
• 2 GitHub stars
• Strategies for caching, revalidation, polling, and prefetching.
• Implementation examples for optimistic updates and data mutation.
• Patterns for handling loading, error, and empty data states.
• Instructions for setting up and using mock data and API routes for development.

Use Cases

• Building a new component that needs to fetch data from an API.
• Implementing features that update server data, such as submitting a form.
• Refactoring existing data-fetching logic to align with project standards.