结论
整合你所有的知识,学习更多 Storybook 技巧
这个社区翻译尚未更新至最新版本的 Storybook。请帮助我们将英文指南中的更改应用到此翻译中,以更新它。 欢迎提交 Pull Request.
恭喜你!你已经在 Storybook 中创建了你的第一个 UI。在此过程中,你学习了如何构建、组合、测试和部署 UI 组件。如果你一直跟随本教程,你的仓库和部署的 Storybook 应该看起来像这样
📕 GitHub 仓库:chromaui/learnstorybook-code
Storybook 是一个强大的工具,适用于 Ember、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 邮件列表。