Conclusie
Gefeliciteerd! Je hebt je eerste UI gemaakt in Storybook. Ondertussen heb je geleerd hoe je UI-componenten kunt bouwen, samenstellen, testen en deployen. Als je dit hebt gevolgd, moeten je repo en gedeployde Storebook er als volgt uitzien:
📕 GitHub repo: chromaui/learnstorybook-code
🌎 Gedeployde Storybook
Storybook is een krachtige tool voor React, Vue en Angular. Het heeft een bloeiende developer community en een schat aan add-ons. Deze inleiding is slechts het begin. We zijn ervan overtuigd dat je, zodra je Storybook gewend bent, onder de indruk zal zijn van hoe productief het is om duurzame UI's te bouwen.
Extra's
Wil je wat dieper gaan? Hier zijn behulpzame bronnen.
-
Officiële Storybook documentatie heeft API documentatie, community links, en de addon galerij.
-
UI Testing Playbookw benadrukt workflow-best practices die worden gebruikt door high-speed teams bij Twilio, Adobe, Peloton en Shopify.
-
Visual Testing Handbook gaat meer in detail over het gebruik van Storybook om visuele componenten te testen. Gratis e-book van 31 pagina's.
Who made the Intro to Storybook tutorial?
De tekst, code en productie zijn bijgedragen door Chromatic. De tutorial was geinspireerd door Chromatic's populaire GraphQL + React tutorial serie.
Wil je meer tutorials en artikels zoals dit? Meld je aan voor de Storybook mailing list.