New
Code coverage with Storybook test runnerAutomate with Chromatic
Star74,802
Back to Intro to Storybook
Chapters
  • 开始吧
  • 简单 组件
  • 合成组件
  • Data
  • 页面
  • 部署
  • 测试
  • 插件
  • 总结
  • 帮助我们

结论

把所有的知识汇总以下,学习更多的 storybook 技巧
此社区翻译尚未更新为最新的Storybook版本。通过应用此翻译的中文指南中的更改来帮助我们更新它。 Pull requests 欢迎他们.

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

📕GitHub 回购: hichroma / learnstorybook-code
🌎部署 Storybook

Storybook 是 React,Vue 和 Angular 的强大工具. 它拥有蓬勃发展的开发者社区和丰富的插件. 这篇介绍揭示了可能的表面. 我们相信,一旦您采用了 Storybook,您将会对构建持久 UI 的效率印象深刻.

学到更多

想深入了解? 这是有用的资源.

谁制作了 LearnStorybook.com?

文本,代码和制作都是由Chromatic. 该教程的灵感来自 Chromatic 的流行GraphQL + React 教程系列.

想要更多这样的教程和文章吗? 注册 Chromatic 邮件列表.

Is this free guide helping you? Tweet to give kudos and help other devs find it.
Next Chapter
帮助我们
帮助 我们与世界分享 Storybook
✍️ Edit on GitHub – PRs welcome!
Join the community
5,870 developers and counting
WhyWhy StorybookComponent-driven UI
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI