Intro to Storybook
  • Commencer
  • Un simple composant
  • Composant composite
  • Les données
  • Ecrans
  • Déployer
  • Les tests
  • Modules complémentaires
  • Conclusion
  • Contribuer
Framework:
ReactReact NativeVueAngularSvelteEmber

Conclusion

Mettez toutes vos connaissances ensemble et apprenez plus de techniques Storybook
Cette traduction de la communauté n'a pas encore été mise à jour avec la dernière version de Storybook. Aidez-nous à la mettre à jour en appliquant les modifications du guide français pour cette traduction. Les pull requests sont les bienvenues.

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.
  • The Delightful Storybook Workflow met en évidence les meilleures pratiques de workflow utilisées par les équipes de haute vélocité de Squarespace, Major League Soccer, Discovery Network, et Apollo GraphQL.
  • 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 Chroma.

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

Is this free guide helping you? Tweet to give kudos and help other devs find it.
Next Chapter
Contribuer
Aider à partager Storybook dans le monde
✍️ Edit on GitHub – PRs welcome!
Docs
Documentation
Add Storybook to your project in less than a minute to build components faster and easier.
reactvueangularweb-components
Tutorial
Tutorials
Learn Storybook with in-depth tutorials that teaches Storybook best practices. Follow along with code samples.
Learn Storybook now
Storybook
The MIT License (MIT). Website design by @domyen and the awesome Storybook community.
StorybookShowcaseDocsTutorialsAddonsBlogReleasesGet involvedUse casesSupportTelemetryTeam
Community GitHub Twitter Discord chat Youtube Component Driven UIs
Subscribe
Get news, free tutorials, and Storybook tips emailed to you.

Maintained by
Chromatic
Continuous integration by
CircleCI
Hosting by
Netlify