integrating-api

What problem does it solve?

This Skill streamlines frontend-backend communication by establishing a robust, type-safe API client that handles data fetching, caching, loading states, and errors efficiently.

Core Features & Use Cases

• Type-Safe Data Fetching: Ensures data consistency between frontend and backend using TypeScript.
• Server State Management: Leverages TanStack Query for automatic caching, background updates, and stale-while-revalidate.
• Mutation Handling: Manages data submission and updates with clear success and error callbacks.
• Use Case: Integrate a user profile display component by fetching user data via a typed API hook, showing a loading spinner while data is retrieved, and displaying an error message if the fetch fails.

Quick Start

Use the integrating-api skill to fetch user data for a given user ID.