React Query (TanStack Query)
useQuery, useMutation, invalidation, cache, refetch, loading/error states, optimistic updates, query keys, pagination
1Quel est le rôle principal de useQuery dans React Query ?
Quel est le rôle principal de useQuery dans React Query ?
Réponse
useQuery est le hook fondamental pour récupérer des données en lecture seule depuis une API ou une source de données. Il gère automatiquement le cache, les états de chargement, les erreurs, et les stratégies de refetch. Contrairement à useEffect avec fetch, useQuery optimise les performances en évitant les requêtes redondantes grâce à son système de cache intelligent.
2Quel hook utiliser pour effectuer une mutation POST vers une API ?
Quel hook utiliser pour effectuer une mutation POST vers une API ?
Réponse
useMutation est le hook dédié aux opérations d'écriture comme POST, PUT, PATCH ou DELETE. Il fournit des callbacks onSuccess, onError et onMutate pour gérer le cycle de vie de la mutation. Contrairement à useQuery qui est fait pour la lecture, useMutation ne déclenche pas automatiquement la requête et nécessite un appel explicite à la fonction mutate.
3À quoi sert la query key dans React Query ?
À quoi sert la query key dans React Query ?
Réponse
La query key est un identifiant unique qui permet à React Query de gérer le cache et les dépendances entre requêtes. Elle sert à identifier, invalider et refetch des requêtes spécifiques. Une query key peut être un simple string ou un tableau incluant des paramètres dynamiques. Changer la query key déclenche automatiquement un nouveau fetch, ce qui permet de gérer les dépendances de manière déclarative.
Que représente staleTime dans la configuration de useQuery ?
Quelle propriété indique que useQuery est en cours de chargement ?
+17 questions d'entretien
Autres sujets d'entretien React / Next.js
Les bases de JavaScript
Fondamentaux React
React Hooks
Cycle de vie des composants
React Router
Gestion d'état avec Context
Formulaires & Composants contrôlés
Fetching de données & API
Styling & CSS-in-JS
Fondamentaux Next.js
TypeScript avec React
Data Fetching Next.js
Server Actions Next.js
Routing & Navigation Next.js
API Routes Next.js
Metadata & SEO Next.js
Middleware & Auth Next.js
Testing React
Zustand State Management
Optimisation Performance React
Error Boundaries & Error Handling
Advanced React Patterns
Fonctionnalités avancées Next.js
Déploiement & Production Next.js
Architecture & Design Patterns
React Server Components
Internationalisation Next.js
Sécurité & Best Practices React
Maîtrise React / Next.js pour ton prochain entretien
Accède à toutes les questions, flashcards, tests techniques, exercices de code review et simulateurs d'entretien.
Commencer gratuitement