Zustand State Management
Zustand store, create, selectors, actions, middleware, devtools, persistence
1Qu'est-ce que Zustand ?
Qu'est-ce que Zustand ?
Réponse
Zustand est une bibliothèque de state management minimaliste pour React qui ne nécessite pas de Provider, contrairement à Redux ou Context API. Elle offre une API simple basée sur des hooks et la fonction create(), avec un bundle size très réduit (moins de 1KB). Zustand permet de gérer un état global sans la complexité architecturale de Redux, tout en évitant les problèmes de performance du Context API.
2Comment créer un store Zustand basique ?
Comment créer un store Zustand basique ?
Réponse
La fonction create() est utilisée pour initialiser un store Zustand. Elle accepte une fonction callback qui reçoit set et get comme paramètres, permettant de définir le state initial et les actions. Le store retourné est un hook React utilisable directement dans les composants. Cette approche élimine le besoin de boilerplate comme les actions creators ou reducers de Redux.
3Comment accéder au state d'un store Zustand dans un composant ?
Comment accéder au state d'un store Zustand dans un composant ?
Réponse
Le store créé avec create() retourne un hook React qui peut être appelé directement dans les composants fonctionnels. Ce hook accepte un selector optionnel pour extraire uniquement la partie du state nécessaire. Sans selector, il retourne tout le state, mais cela peut causer des re-renders inutiles. L'approche hook-first rend Zustand très intuitif pour les développeurs React modernes.
Quel est le rôle d'un selector dans Zustand ?
Comment éviter les re-renders inutiles avec les selectors ?
+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
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
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