总结
汇总所有的知识并学习更多 Storybook 技巧
此社区翻译尚未更新为最新的Storybook版本。通过应用此翻译的中文指南中的更改来帮助我们更新它。 Pull requests 欢迎他们.
恭喜!您在 Storybook 创建了第一个 UI。在此过程中,您学习了如何构建,组合,测试和部署 UI 组件。如果您一直跟随教程,那么您的仓库和部署的 Storybook 应该像下面这样。
📕 GitHub repo: chromaui/learnstorybook-code
Storybook 对于 React,React Native,Vue,Angular,Svelte 及其他许多框架是一个强大的工具。它有一个蓬勃发展的社区人员和大量的插件。这篇介绍只是触及了其可能性的表面。我们相信,一旦您采用了 Storybook,你将会对其如何构建可靠 UI 的工作效率产生深刻的印象。
了解更多
想要更加深入?这些是一些有用的资源。
- Storybook 官方文档拥有 API 文档,社区链接和插件游廊。
- UI 测试手册重点介绍了 Twilio,Adobe,Peloton,和 Shopify 高速团队使用的最佳实践。
- 回归测试手册深入描述使用 Storybook 对组件进行视觉测试。免费的 31 页电子书。
- Storybook Discord 聊天室使您与 Storybook 社区交流。从其他 Storybook 用户获取或提供帮助。
- Storybook 博客展示最新版本和功能,简化您 UI 组件开发工作流程。
谁制作了 Storybook 介绍教程
文本、代码和制作都由 Chromatic 提供。教程的灵感来源于 Chromatic 流行的 GraphQL + React 系列教程。
想要类似更多的教程和文章?注册 Storybook 的邮件列表。