React Hooks
useState, useEffect, useContext, useRef, useCallback, useMemo, custom hooks
1Qu'est-ce que le hook useState dans React ?
Qu'est-ce que le hook useState dans React ?
Réponse
useState est un hook React qui permet de gérer l'état local d'un composant fonctionnel. Contrairement aux variables JavaScript classiques qui sont réinitialisées à chaque rendu, useState préserve la valeur de l'état entre les rendus successifs. Ce hook retourne un tableau contenant la valeur actuelle de l'état et une fonction pour le mettre à jour, déclenchant automatiquement un nouveau rendu du composant lorsque l'état change.
2Quelle est la syntaxe correcte pour déclarer un état avec useState ?
Quelle est la syntaxe correcte pour déclarer un état avec useState ?
Réponse
La syntaxe correcte utilise la déstructuration de tableau pour extraire la valeur de l'état et sa fonction de mise à jour. Par convention, la fonction de mise à jour est préfixée par 'set' suivi du nom de la variable d'état en camelCase. Cette convention améliore la lisibilité du code et est largement adoptée dans la communauté React. L'ordre des éléments dans le tableau retourné par useState est toujours le même : valeur actuelle en premier, fonction de mise à jour en second.
3Que se passe-t-il quand on appelle la fonction de mise à jour d'un état ?
Que se passe-t-il quand on appelle la fonction de mise à jour d'un état ?
Réponse
Lorsque la fonction de mise à jour d'un état est appelée, React planifie un nouveau rendu du composant avec la nouvelle valeur d'état. La mise à jour n'est pas immédiate mais asynchrone, ce qui signifie que la valeur de l'état n'est pas modifiée instantanément après l'appel. React regroupe plusieurs mises à jour d'état pour optimiser les performances et évite de déclencher des rendus inutiles. Cette stratégie de batching améliore significativement les performances de l'application.
Comment mettre à jour un état basé sur sa valeur précédente ?
Peut-on utiliser plusieurs useState dans un même composant ?
+19 questions d'entretien
Autres sujets d'entretien React / Next.js
Les bases de JavaScript
Fondamentaux React
Cycle de vie des composants
React Router
Gestion d'état avec Context
Formulaires & Composants contrôlés
Fetching de données & API
React Query (TanStack Query)
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