结论

恭喜! 您在Storybook中创建了第一个UI. 在此过程中,您学习了如何构建,组合,测试和部署UI组件. 如果您一直关注,您的 repo和部署的Storybook 应如下所示:

📕GitHub回购: hichroma / learnstorybook-code
🌎部署 Storybook

Storybook是 React,Vue和Angular 的强大工具. 它拥有蓬勃发展的开发者社区和丰富的插件. 这篇介绍揭示了可能的表面. 我们相信,一旦您采用了Storybook,您将会对构建持久UI的效率印象深刻.

学到更多

想深入了解? 这是有用的资源.

谁制作了 LearnStorybook.com?

文本,代码和制作都是由Chroma. 该教程的灵感来自 Chroma的流行GraphQL + React教程系列.

想要更多这样的教程和文章吗? 注册 Chroma 邮件列表.

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