Sébastien Rigaux

Veille technologique

← Tous les liens

State management

Organisation et synchronisation de l’état applicatif entre données et composants.

Schéma reliant les valeurs d’état d’une application — facturation, rôle, offre et journaux en direct — aux éléments d’un tableau de bord.

Quand un agent modifie une interface, vérifier un seul compte ne suffit pas à couvrir les rôles, les offres ou les options activées. Matt Rothenberg montre comment les valeurs dispersées dans les hooks, providers et layouts peuvent masquer des états oubliés — comme un bouton Delete visible pour un utilisateur en lecture seule.

En faisant de l’état d’affichage une entrée explicite des composants, les équipes peuvent rendre directement les combinaisons pertinentes, les tester ou les comparer dans une grille. Storybook et Playwright complètent cette démarche, mais ne choisissent pas les scénarios à couvrir : cette décision reste essentielle.

Matt Rothenberg

ArticleEN

Mutative : des mises à jour immuables sans spread

mutative.js.orgPermalien
Visuel Mutative sur fond gris foncé, avec le texte « Better immutability, Faster immutable updates » en orange et blanc et le logo orange.

Mutative permet d’écrire des mutations sur un draft pour produire un nouvel état immuable, sans recopier manuellement chaque niveau avec la syntaxe spread. La bibliothèque prend aussi en charge les tableaux, Set et Map, ainsi que les patches et le gel optionnel.

Ses benchmarks annoncent une moyenne géométrique 3,6 fois plus rapide qu’Immer à réglages comparables, ou 6,6 fois avec les paramètres par défaut de chaque bibliothèque. Les mesures varient selon les workloads ; les reducers écrits à la main restent plus rapides dans la plupart des cas présentés.