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: hichroma/learnstorybook-code
🌎 Deployed Storybook

Storybook is a powerful tool for React, Vue, and Angular. 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.

Who made LearnStorybook.com?

The text, code, and production were contributed by Chroma. The tutorial was inspired by Chroma’s popular GraphQL + React tutorial series.

Want more tutorials and articles like this? Sign up to the Chroma mailing list.

Tweet "I’m learning Storybook! It’s a great dev tool for UI components."