Conclusion

Félicitations! Vous avez créé votre premier UI dans Storybook. En cours de route, vous avez appris à construire, assembler, tester et déployer les composants de l'UI. Si vous avez fait de même, votre repo et votre Storybook déployé devraient ressembler à ceci:

📕 GitHub repo: chromaui/learnstorybook-code
🌎 Storybook déployé

Storybook est un outil puissant pour React, React Native, Vue, Angular, Svelte et bien d'autres. Il dispose d'une communauté de développeurs florissante et d'une multitude d'addons. Cette introduction décrit brièvement une infime partie de ce qu'il est possible de faire. Nous sommes persuadés qu'une fois que vous aurez adopté Storybook, vous serez impressionné de voir comme il est fructueux de créer des UI durables

En savoir plus

Envie de creuser plus? Voici des ressources utiles.

• Documentation officielle de Storybook comprend la documentation de l'API, les liens de la communauté et la galerie d'addons.

• The Delightful Storybook Workflow met en évidence les meilleures pratiques de workflow utilisées par les équipes à grande vitesse de Squarespace, Major League Soccer, Discovery Network, et Apollo GraphQL.

• Visual Testing Handbook plonge dans l'utilisation de Storybook pour tester visuellement les composants. Livre électronique gratuit de 31 pages.

• Storybook Discord chat vous met en contact avec la communauté Storybook. Obtenez et donnez de l'aide aux autres utilisateurs de Storybook.

• Blog Storybook présente les dernières versions et les fonctionnalités permettant de fluidifier votre workflow de développement d'UI.

Qui a créé LearnStorybook.com ?

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

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