Conclusion
Congratulations! You created your first UI in Storybook. Along the way you learned how to build, compose, test, and deploy UI components. If you’ve been following, your repo and deployed Storybook should look like this:
📕 GitHub repo: chromaui/learnstorybook-code
Storybook is a powerful tool for React, React Native, Vue, Angular, Svelte and many other frameworks. It has a thriving developer community and a wealth of addons. This introduction scratches the surface of what’s possible. We’re confident that once you adopt Storybook, you’ll be impressed by how productive it is to build durable UIs.
Learn more
Want to dive deeper? Here are helpful resources.
-
Official Storybook documentation has API documentation, community links, and the addon gallery.
-
UI Testing Playbook highlights workflow best practices used by high-velocity teams at Twilio, Adobe, Peloton, and Shopify.
-
Visual Testing Handbook dives deep into using Storybook to visual test components. Free 31-page ebook.
-
Storybook Discord chat puts you in contact with the Storybook community. Get and give help to other Storybook users.
-
Storybook blog showcases the latest releases and features to streamline your UI development workflow.
Who made the Intro to Storybook tutorial?
The text, code, and production were contributed by Chromatic. The tutorial was inspired by Chromatic’s popular GraphQL + React tutorial series.
Want more tutorials and articles like this? Sign up to the Storybook mailing list.