Zustand
React 🟡 MidDefinition
Librairie de state management minimaliste sans boilerplate. Un store = une fonction, pas de Provider requis, compatible avec le rendu concurrent.
Analogie
Comme un carnet de notes partage au bureau : tout le monde y accede directement, sans passer par un secretaire (Provider).
Exemple de code
const useStore = create((set) => ({
count: 0,
increment: () => set((s) => ({ count: s.count + 1 })),
}));
function Counter() {
const count = useStore((s) => s.count);
return <span>{count}</span>;
}
Cas d'usage
Etat global simple a moyen sans la complexite de Redux, ideal pour les projets de toute taille.
Anti-pattern
Ne pas utiliser de selecteurs, souscrivant a tout le store et causant des re-rendus inutiles.