data-fetching

Standardize API calls by implementing a unified fetch wrapper with structured error classes and retry logic. This approach enforces consistent networking patterns, centralized error recovery, and auth-aware token management across fetch-based workflows, Axios, React Query, and SWR.

Add offline support and caching by configuring React Query or SWR with stale-while-revalidate strategies. This builds a resilient data layer that serves cached data during network interruptions and automatically synchronizes real-time updates when connectivity restores.

Yes, the data fetching approach supports auth-aware requests with token management and simple environment-variable configuration. It integrates authentication seamlessly into the fetch wrapper, ensuring API calls include the correct credentials based on your environment setup.

Configure a fetch wrapper and basic React Query setup by applying the skill's structured patterns to a sample endpoint. This initializes standardized network requests, applies caching strategies, and establishes baseline error recovery for your data layer.

Data fetching logic fails during network interruptions without retry mechanisms because standard fetch lacks built-in resilience. Implementing structured retry logic and error classes ensures your application automatically recovers from transient network failures and maintains consistent error messaging.