Gestion d'état avec Context
Context API, createContext, useContext, Provider pattern, context composition, performance
1Qu'est-ce que le Context API dans React ?
Qu'est-ce que le Context API dans React ?
Réponse
Context API est un mécanisme intégré à React permettant de partager des données entre composants sans passer explicitement les props à chaque niveau. Il résout le problème du prop drilling en créant un état global accessible par tous les composants descendants. Context est particulièrement adapté pour les données rarement modifiées comme le thème, la langue ou l'utilisateur connecté.
2Quelle fonction permet de créer un nouveau Context ?
Quelle fonction permet de créer un nouveau Context ?
Réponse
La fonction createContext est la méthode native de React pour initialiser un nouveau contexte. Elle accepte une valeur par défaut optionnelle qui sera utilisée si un composant consomme le Context sans Provider parent. Cette fonction retourne un objet contenant Provider et Consumer, bien que Consumer soit rarement utilisé avec les hooks modernes.
3Quel hook permet de consommer la valeur d'un Context ?
Quel hook permet de consommer la valeur d'un Context ?
Réponse
Le hook useContext permet aux composants enfants de lire la valeur fournie par le Provider le plus proche dans l'arbre de composants. Il remplace l'ancienne API Consumer et offre une syntaxe plus concise et lisible. Le composant se réabonnera automatiquement aux changements du Context et se mettra à jour en conséquence.
Quel composant permet de fournir une valeur à un Context ?
Que se passe-t-il si un composant utilise useContext sans Provider parent ?
+15 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
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