Storybook

Storybook est un outil open source qui sert d'atelier pour les composants d'interface. Il permet de développer, visualiser et tester chaque composant en isolation, hors de l'application, et de constituer une documentation vivante et interactive de la bibliothèque de composants d'une équipe.

À quoi sert Storybook ?

Storybook sert à construire des composants d'interface indépendamment de l'application : chaque état d'un bouton, d'un formulaire ou d'une carte y est présenté sous forme d'histoire, testable et partageable. C'est un standard des systèmes de design et un pont entre développeurs et designers, compatible avec React, Vue.js et Svelte.

Pourquoi utiliser Storybook ?

En isolant les composants, Storybook accélère leur développement, facilite les tests visuels et documente le système de design. Il évite de naviguer dans toute l'application pour vérifier un seul composant, et sert de référence commune aux équipes produit.

Combien coûte Storybook ?

Storybook est entièrement gratuit et open source, sous licence MIT. L'outil est libre, sans palier payant. Des services complémentaires payants existent autour (comme Chromatic pour les tests visuels en ligne), mais Storybook lui-même ne coûte rien.