api-data-fetcher

name	api-data-fetcher
description	Efficiently fetch, cache, and display dynamic data from APIs.

API Data Fetcher

This skill handles communication between the frontend and backend, managing loading states and data synchronization.

Instructions

1. Use tools like TanStack Query (React Query) for smart caching and re-fetching.
2. Implement optimistic updates for better user experience.
3. Handle loading, error, and empty states gracefully.
4. Set up headers and authentication for secure requests.
5. Transform raw API data into usable frontend models.

Examples

• "Fetch user profiles from a JSON API and handle the loading state."
• "Implement an optimistic update for a 'delete comment' feature."