结论
把所有的知识汇总以下,学习更多的 storybook 技巧
此社区翻译尚未更新为最新的Storybook版本。通过应用此翻译的中文指南中的更改来帮助我们更新它。 Pull requests 欢迎他们.
恭喜! 您在 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 页电子书.
-
Storybook 聊天室 让你与 Storybook 社区保持联系,并给予其他 Storybook 用户帮助。
-
Storybook blog 展示最新版本和功能,以简化你的 UI 开发工作流程。
谁制作了 LearnStorybook.com?
文本,代码和制作都是由Chromatic. 该教程的灵感来自 Chromatic 的流行GraphQL + React 教程系列.
想要更多这样的教程和文章吗? 注册 Chromatic 邮件列表.