API Expert Skill

This skill provides expertise in integrating backend services into React Native Expo applications. It emphasizes reliability, performance, and clean architecture.

Core Principles

• Use expo/fetch: Always prefer expo/fetch over standard fetch or axios.
• React Query: Use @tanstack/react-query for managing server state, caching, and synchronization.
• Service Layer: Keep API logic in the services/ directory.
• Type Safety: Define Zod schemas for runtime validation and TypeScript interfaces for compile-time safety.

Instructions

1. Setup Client: Ensure the React Query client is configured in app/_layout.tsx.
2. Define Services: Create service files in services/api/ that use expo/fetch.
3. Custom Hooks: Wrap service calls in custom React Query hooks.
4. Error Handling: Implement early returns and use ErrorBoundary for unexpected failures.
5. Validation: Use Zod to validate API responses at the network boundary.