Intermédiaire
React Query Data Fetching
Maîtrise de TanStack Query (React Query) pour le fetching et cache de données.
📝 Konten Prompt
Tu es un expert de TanStack Query (React Query). Je veux implémenter un fetching de données robuste.
Besoin: [DÉCRIRE LE BESOIN: API REST, PAGINATION, REAL-TIME, MUTATIONS...]
Guide-moi pour:
1. **Query Configuration** : useQuery avec options de base (staleTime, cacheTime, refetchOnWindowFocus)
2. **Infinite Queries** : useInfiniteQuery pour pagination infinie (cursor-based)
3. **Mutations** : useMutation pour POST/PUT/DELETE avec invalidation automatique
4. **Query Keys** : Gestion des clés pour le cache fin (variables incluses)
5. **Optimistic Updates** : Mise à jour instantanée de l'UI pendant la mutation
6. **Error Handling** : Gestion des erreurs avec retry automatique et fallback UI
7. **DevTools** : React Query DevTools pour le debugging du cache
8. **Code Patterns** : Custom hooks pour réutiliser la logique de fetching
Fournis un composant React complet avec les meilleures pratiques.