总结

恭喜！您在 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 邮件列表。