Intro to Storybook
  • Leg los
  • Einfache Komponente
  • Komposition
  • Daten
  • Screens
  • Deployment
  • Tests
  • Addons
  • Fazit
  • Unterstützen
Framework:
ReactReact NativeVueAngularSvelteEmber

Fazit

Nimm all dein Wissen und lerne weitere Storybook-Techniken
Diese Community-Übersetzung wurde noch nicht auf die neueste Storybook-Version aktualisiert. Helfen Sie uns, es zu aktualisieren, indem Sie die Änderungen im deutschen Leitfaden für diese Übersetzung übernehmen. Pull requests sind willkommen.

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.

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.

Is this free guide helping you? Tweet to give kudos and help other devs find it.
Next Chapter
Unterstützen
Hilf dabei, Storybook in die Welt zu tragen
✍️ 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