🏠 Trang chủ
Benchmark
📊 Tất cả benchmark 🦖 Khủng long v1 🦖 Khủng long v2 ✅ Ứng dụng To-Do List 🎨 Trang tự do sáng tạo 🎯 FSACB - Trình diễn cuối cùng 🌍 Benchmark dịch thuật
Mô hình
🏆 Top 10 mô hình 🆓 Mô hình miễn phí 📋 Tất cả mô hình ⚙️ Kilo Code
Tài nguyên
💬 Thư viện prompt 📖 Thuật ngữ AI 🔗 Liên kết hữu ích
Intermédiaire

React Query Data Fetching

#react #react-query #tanstack #data-fetching #cache

Maîtrise de TanStack Query (React Query) pour le fetching et cache de données.

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.