react-query-best-practices
✓Meilleures pratiques, modèles et dépannage de React Query v4 (TanStack Query). À utiliser lorsque vous travaillez avec useQuery, useMutation, l'invalidation de requêtes, la mise en cache, l'intégration WebSocket ou toute gestion d'état asynchrone dans React. Basé sur la série complète de blogs de TkDodo.
Installation
SKILL.md
Important: This guide targets React Query v4. Some patterns may differ in v5.
Comprehensive guide for React Query v4 (TanStack Query) based on TkDodo's authoritative blog series. Contains 24 rules across 7 categories, prioritized by impact.
| 1 | Query Keys & Patterns | CRITICAL | query- | | 2 | Mutations & Updates | CRITICAL | mutation- | | 3 | Caching Strategy | HIGH | cache- | | 4 | WebSocket Integration | HIGH | websocket- | | 5 | TypeScript Integration | MEDIUM | typescript- | | 6 | Testing Patterns | MEDIUM | testing- | | 7 | Common Pitfalls | MEDIUM | troubleshoot- |
Meilleures pratiques, modèles et dépannage de React Query v4 (TanStack Query). À utiliser lorsque vous travaillez avec useQuery, useMutation, l'invalidation de requêtes, la mise en cache, l'intégration WebSocket ou toute gestion d'état asynchrone dans React. Basé sur la série complète de blogs de TkDodo. Source : arraydude/agent-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/arraydude/agent-skills --skill react-query-best-practices- Source
- arraydude/agent-skills
- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que react-query-best-practices ?
Meilleures pratiques, modèles et dépannage de React Query v4 (TanStack Query). À utiliser lorsque vous travaillez avec useQuery, useMutation, l'invalidation de requêtes, la mise en cache, l'intégration WebSocket ou toute gestion d'état asynchrone dans React. Basé sur la série complète de blogs de TkDodo. Source : arraydude/agent-skills.
Comment installer react-query-best-practices ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/arraydude/agent-skills --skill react-query-best-practices Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/arraydude/agent-skills
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01