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

这本免费指南对你有帮助吗?发推文表示赞赏并帮助其他开发者找到它。
下一章
贡献
帮助将 Storybook 分享给全世界
✍️ 在 GitHub 上编辑 – 欢迎提交 PR!
加入社区
6,975名开发者及更多
为什么为什么选择 Storybook组件驱动的 UI
开源软件
Storybook - Storybook 中文

特别鸣谢 Netlify CircleCI