Back to Intro to Storybook
Chapters
  • 开始吧
  • 简单组件
  • 合成组件
  • 数据
  • 页面
  • 部署
  • 视觉测试
  • 插件
  • 总结
  • 贡献

总结

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

恭喜!您在 Storybook 创建了第一个 UI。在此过程中,您学习了如何构建,组合,测试和部署 UI 组件。如果您一直跟随教程,那么您的仓库和部署的 Storybook 应该像下面这样。

📕 GitHub repo: chromaui/learnstorybook-code

🌎 Deployed Storybook

Storybook 对于 React,React Native,Vue,Angular,Svelte 及其他许多框架是一个强大的工具。它有一个蓬勃发展的社区人员和大量的插件。这篇介绍只是触及了其可能性的表面。我们相信,一旦您采用了 Storybook,你将会对其如何构建可靠 UI 的工作效率产生深刻的印象。

了解更多

想要更加深入?这些是一些有用的资源。

谁制作了 Storybook 介绍教程

文本、代码和制作都由 Chromatic 提供。教程的灵感来源于 Chromatic 流行的 GraphQL + React 系列教程

想要类似更多的教程和文章?注册 Storybook 的邮件列表。

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
6,616 developers and counting
WhyWhy StorybookComponent-driven UI
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI