Conclusion

Félicitations! Vous avez créé votre premiere interface utilisateur dans Storybook. En cours de route, vous avez appris à construire, assembler, tester et déployer des composants graphiques. Si vous avez suivi les étapes, votre projet 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.

• UI Testing Playbook explique les bonnes pratiques de travail utilisées par des équipes de développements réputées comme Twilio, Adobe, Peloton et Shopify.

• 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 flux de développement d'interface utilisateur.

Qui a créé le tutoriel d'introduction à Storybook?

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.