总结
整合您所学的知识,并学习更多 Storybook 技巧
恭喜!您在 Storybook 中创建了第一个 UI。在此过程中,您学习了如何构建、组合、测试和部署 UI 组件。如果您一直按照教程操作,您的仓库和已部署的 Storybook 应该如下所示:
📕 GitHub 仓库:chromaui/learnstorybook-code
🌎 已部署的 Storybook
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 邮件列表。