Storybook
Storybook est un environnement de développement et de documentation qui affiche chaque composant d'interface (bouton, carte, formulaire) isolément, avec ses variantes d'état (chargé, erreur, désactivé). Designers, développeurs et product owners peuvent visualiser et valider le design system sans lancer toute l'application.
Sur un frontend React ou Next.js un peu mature, Storybook devient le catalogue vivant du design system : on y vérifie l'accessibilité, les états limites et la cohérence avant d'intégrer un composant dans un parcours. C'est aussi un outil de collaboration : un PO peut valider un état d'erreur sans attendre un déploiement de recette.
Maintenir Storybook à jour demande de la discipline. Si les stories ne sont pas écrites avec les composants, ou si personne ne les fait tourner en CI, l'outil devient un musée obsolète. L'autre erreur est d'y documenter des composants jamais utilisés en production : mieux vaut moins de stories, alignées sur le vrai design system.
