结论
整合所有知识,学习更多 Storybook 技术
恭喜!您在 Storybook 中创建了第一个 UI。在此过程中,您学习了如何构建、组合、测试和部署 UI 组件。如果您一直按照教程操作,您的代码仓库和已部署的 Storybook 应该看起来像这样
📕 GitHub 仓库: chromaui/learnstorybook-code
Storybook 是一个强大的工具,适用于 React, React Native, Vue, Angular, Svelte 以及许多其他框架。它拥有一个蓬勃发展的开发者社区和丰富的插件。本介绍只是触及了 Storybook 可能实现的表层。我们相信一旦您开始使用 Storybook,它在构建持久耐用的 UI 方面的效率会令您印象深刻。
了解更多
想深入了解吗?这里有一些有用的资源。
-
Storybook 官方文档包含 API 文档、社区链接和插件库。
-
UI 测试实践指南重点介绍了 Twilio、Adobe、Peloton 和 Shopify 等高效团队使用的工作流程最佳实践。
-
可视化测试手册深入讲解如何使用 Storybook 进行组件可视化测试。免费 31 页电子书。
-
Storybook Discord 聊天室让您与 Storybook 社区取得联系。获取并提供帮助给其他 Storybook 用户。
-
Storybook 博客展示最新版本和功能,以简化您的 UI 开发工作流程。
Storybook 简介教程由谁制作?
文本、代码和制作由 Chromatic 贡献。本教程受到 Chromatic 广受欢迎的 GraphQL + React 系列教程启发。
想获得更多类似的教程和文章吗?请订阅 Storybook 邮件列表。