react-data-fetching

SKILL.md

React Data Fetching Patterns

Table of Contents

When to Use

Instructions

Details

Source

Production-ready patterns for fetching, caching, and synchronizing server data in React applications. These patterns are framework-agnostic — they work whether you're using Vite + React Router, Next.js, Remix, or a custom setup.

When to Use

Reference these patterns when:

Adding data fetching to components

Replacing useEffect + fetch with a proper data layer

Implementing caching, deduplication, or optimistic updates

Debugging waterfall loading patterns

Choosing between data fetching libraries