Cycle de vie des composants
Mounting, updating, unmounting, useEffect cleanup, dependencies array, lifecycle patterns
1Qu'est-ce que le mounting d'un composant React ?
Qu'est-ce que le mounting d'un composant React ?
Réponse
Le mounting est la phase où un composant est créé et inséré dans le DOM pour la première fois. Durant cette phase, React initialise le state, exécute le code de construction et effectue le premier rendu. C'est le moment idéal pour déclencher des appels API ou initialiser des abonnements via useEffect.
2Qu'est-ce que le unmounting d'un composant React ?
Qu'est-ce que le unmounting d'un composant React ?
Réponse
Le unmounting est la phase où un composant est retiré du DOM et détruit. Cette phase survient quand le composant n'est plus nécessaire, par exemple lors d'un changement de route ou d'une condition de rendu. C'est le moment critique pour nettoyer les ressources : annuler les timers, fermer les connexions WebSocket et supprimer les event listeners pour éviter les fuites mémoire.
3Quand s'exécute la fonction passée à useEffect par défaut ?
Quand s'exécute la fonction passée à useEffect par défaut ?
Réponse
Par défaut, useEffect s'exécute après chaque rendu du composant, incluant le premier rendu et tous les re-rendus suivants. Cette exécution asynchrone permet de ne pas bloquer l'interface utilisateur. Pour contrôler ce comportement, il est possible d'utiliser le tableau de dépendances comme second argument pour limiter les exécutions uniquement quand certaines valeurs changent.
À quoi sert le tableau de dépendances dans useEffect ?
Que signifie passer un tableau vide [] comme dépendances à useEffect ?
+15 questions d'entretien
Autres sujets d'entretien React / Next.js
Les bases de JavaScript
Fondamentaux React
React Hooks
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