结论

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

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

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

学到更多

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

• 官方 Storybook文档有API文档,社区链接和插件库.

• 令人愉快的 Storybook工作流程 重点介绍Squarespace,Major League Soccer,Discovery Network和 Apollo GraphQL 的高速团队使用的工作流程最佳实践.

• 视觉测试手册深入探讨将 Storybook 用于可视化测试组件. 免费的31页电子书.

谁制作了 LearnStorybook.com?

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

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