zustand

Zustand est une solution légère de gestion d'état pour les applications React. Elle utilise une API basée sur les hooks qui évite le boilerplate souvent associé à des bibliothèques comme Redux. Le concept central consiste à créer un store via la fonction create, qui renvoie un hook React personnalisé. L'état peut contenir des primitives, des objets ou des fonctions, et les mises à jour doivent être effectuées de manière immuable via la fonction set. Les composants consomment l'état en sélectionnant des tranches du store, et ne se re-rendrent que lorsque ces valeurs sélectionnées changent grâce à des vérifications d'égalité strictes. Les fonctionnalités clés incluent : - Aucun wrapper de provider requis autour de l'application - Support intégré pour des middlewares tels que persist pour le stockage, immer pour des mises à jour semblables à la mutabilité, et devtools pour le débogage - Mode store vanilla disponible pour des cas d'utilisation non React via zustand/vanilla - La fonction subscribe permet un accès non réactif à l'état et des écouteurs - L'aide useShallow empêche les re-rendus inutiles lors de la sélection de plusieurs tranches d'état - Des fonctions d'égalité personnalisées peuvent être fournies pour un contrôle fin des mises à jour des composants La bibliothèque résout les pièges courants de la gestion d'état React tels que les props périmés dans les scénarios de fils zombies, les problèmes de concurrence React, et la perte de contexte entre les rendu mixtes. Elle est conçue pour être non partisane tout en offrant des modèles pragmatiques pour organiser le code par tranches.