Zustand

React 🟡 Mid

Definition

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.
#state#interview#ecosystem