Conclusion

Félicitations ! Vous avez créé votre première interface utilisateur avec Storybook. En cours de route, vous avez appris à construire, composer, tester et déployer des composants graphiques. Si vous avez suivi, votre projet et votre instance Storybook déployée devraient ressembler à ceci :

📕 Projet GitHub : chromaui/learnstorybook-code
🌎 Instance Storybook déployée

Storybook est un outil puissant pour React, React Native, Vue, Angular, Svelte et beaucoup d'autres frameworks. Il possède une importante communauté de développeurs et un nombre important d'extensions. Cette introduction survole la surface de ce qui est possible de faire. Nous sommes convaincus qu'une fois que vous aurez adopté Storybook, vous serez impressionnés par la manière de produire des interfaces utilisateurs durables.

En apprendre plus

Vous voulez en apprendre plus ? Voici des ressources utiles :

• Documentation Officielle de Storybook possède une documentation de l'API, des liens de la communauté et une galerie d'addons.

• UI Testing Playbook met en évidence les meilleures pratiques de workflow utilisées par les équipes de haute vélocité de Twilio, Adobe, Peloton, et Shopify.

• Visual Testing Handbook plonge profondément dans l'utilisation de Storybook pour visualiser les composants de test. Livre numérique gratui de 31 pages.

• Le chat Discord de Storybook vous met en contact avec la communauté Storybook. Obtenez et aidez d'autres utilisateurs de Storybook.

• Le blog de Storybook présente les dernières versions et fonctionnalités pour rationaliser votre workflow de développement d'interface utilisateur.

Qui a fait LearnStorybook.com?

Le texte, le code et la production ont été fournis par Chromatic. Le tutoriel s'inspire de la populaire série de tutoriel GraphQL + React de Chromatic.

Vous voulez d'avantage de tutoriels et d'articles comme celui-ci ? Inscrivez-vous à la liste de diffusion Chromatic.