Comment j'utilise Storybook pour créer des apps React ou des Sites statiques

Voici le Scafolding que j'utilise pour mes Storybook avec ReactJS.

Quel est mon utilisation de Storybook ?

Je l'utilise pour développer :

Je crée une story :
- par composant React
- par page de l'application ou du site

L'utilisation de Storybook permet au développeur :

au niveau des pages :
- d'avoir un aperçu rapide et exhaustif de toutes les pages du projet
- d'accéder directement aux pages sans avoir à se connecter à un compte utiliseur
- d'accéder aux pages sans avoir besoin de lancer un service backend
- de créer des pages qui ne sont pas encore activées dans l'application
- de créer plusieurs version d'une même page pour faire des propositions ou préparer une future version
- vérifier le bon rendu de la page en fonction des différentes tailles d'écrans (avec l'addon-viewport)
- switcher rapidement d'une langue à une autre (avec l'addon-i18next)
- mocker les call d'API GraphQL (avec l'addon apollo-storybook-react)
au niveau des composants :
- d'avoir un environement pour préparer, développer ses composants
- d'avoir la liste des composants disponible et des exemples d'utilisation

Storybook est pour moi un excellent outil pour faire du développement itératif.