结论

恭喜！您在 Storybook 中创建了您的第一个 UI。在此过程中，您学习了如何构建、组合、测试和部署 UI 组件。如果您一直关注，您的 repo 和部署的 Storybook 应该如下所示

📕 GitHub 仓库：chromaui/learnstorybook-code

🌎 已部署的 Storybook

Storybook 是一个强大的工具，适用于 React、React Native、Vue、Angular、Svelte 和许多其他框架。它拥有一个蓬勃发展的开发者社区和丰富的插件。这个介绍只是 Storybook 功能的冰山一角。我们相信，一旦您采用 Storybook，您将对其构建持久 UI 的高效性印象深刻。

了解更多

想要深入了解？这里有一些有用的资源。

• 官方 Storybook 文档 has API documentation, community links, and the addon gallery.

• UI 测试手册 highlights workflow best practices used by high-velocity teams at Twilio, Adobe, Peloton, and Shopify.

• 视觉测试手册 dives deep into using Storybook to visual test components. 免费 31 页电子书。

• Storybook Discord 聊天群 puts you in contact with the Storybook community. 获取并向其他 Storybook 用户提供帮助。

• Storybook 博客 showcases the latest releases and features to streamline your UI development workflow.

谁制作了 Storybook 简介教程？

文本、代码和制作由 Chromatic 贡献。本教程的灵感来自 Chromatic 流行的 GraphQL + React 教程系列。

想要更多像这样的教程和文章吗？注册 Storybook 邮件列表。