返回Storybook 简介
章节
  • 开始上手
  • 简单的组件
  • 复合组件
  • 数据
  • 页面
  • 部署
  • 视觉测试
  • 可访问性测试
  • 结论
  • 贡献

结论

汇集您所有的知识,学习更多 Storybook 技巧

恭喜!您已在 Storybook 中创建了第一个 UI。在此过程中,您学习了如何构建、组合、测试和部署 UI 组件。如果您一直照着做,您的代码仓库和已部署的 Storybook 应该会是这样的

📕 GitHub 仓库:chromaui/learnstorybook-code

🌎 已部署的 Storybook

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 邮件列表。

这个免费指南对您有帮助吗?请在 Twitter 上分享以表示赞赏,并帮助其他开发者发现它。
下一章
贡献
帮助将 Storybook 分享给全世界
✍️ 在 GitHub 上编辑 – PR 欢迎!
加入社区
7,424开发者及更多
原因为什么选择 Storybook组件驱动的 UI
文档指南教程更新日志遥测
社区插件参与进来博客
展示探索关于
开源软件
Storybook - Storybook 中文

特别感谢 Netlify CircleCI