Fazit

Glückwunsch! Du hast deine erste UI in Storybook erstellt. Dabei hast du gelernt, wie man UI-Komponenten baut, zusammenstellt, testet und deployt. Wenn du alles befolgt hast, sollten dein Repo und dein deploytes Storybook in etwa so aussehen:

📕 GitHub Repo: chromaui/learnstorybook-code
🌎 Deploytes Storybook

Storybook ist ein mächtiges Werkzeug für React, Vue und Angular. Es hat eine gedeihende Entwickler-Community und reichlich viele Addons. Diese Einführung kratzt nur an der Oberfläche dessen, was möglich ist. Wir sind uns sicher, dass sobald du Storybook bei dir etabliert hast, du beeindruckt sein wirst, wie sehr es dich bei der Entwicklung langlebiger UIs beschleunigt.

Mehr lernen

Möchtest du noch tiefer einsteigen? Hier ein paar hilfreiche Quellen.

• Die offizielle Storybook-Dokumentation enthält die API-Dokumentation, Community-Links, und die Addon-Galerie.

• Der Blog-Post "The Delightful Storybook Workflow" zeigt dir Workflows und Best-Practices der Hochgeschwindigkeits-Teams von Squarespace, Major League Soccer, Discovery Network, und Apollo GraphQL.

• Das Handbuch für visuelle Tests taucht tief in die Verwendung von Storybook für visuelle Tests für Komponenten ein. Ein kostenloses 31-seitiges E-Book.

Wer steckt hinter LearnStorybook.com?

Der Text, Code und die Produktion wurden unterstützt von Chromatic. Das Tutorial wurde inspiriert von Chromatic beliebter GraphQL + React Tutorial-Serie.

Du möchtest mehr solcher Tutorials und Artikel? Melde dich bei der Chromatic-Mailingliste an.