Le storybook reprend les éléments issus du découpage de la maquette.
Pour le créer il faut mettre l’ensemble des composants dans une librairie qui contient les paramètres de chacun et offre la possibilité de les modifier individuellement.
Le principe est le même pour n’importe quel composant (icônes, illustrations, boutons…)
Il permet, pour les développeurs, d’utiliser facilement les composants en les important directement depuis le storybook. Il permet aussi de garder une consistance sur l’ensemble des composants et d’uniformiser le code afin de ne faire qu’une modification pour tous les composants héritants du composant principal.
Le storybook est indispensable pour réaliser des prototypes ou maquettes fonctionnelles de manière optimale et gagner du temps.