Intro to Storybook
  • 开始吧
  • 简单组件
  • 合成组件
  • 数据
  • 页面
  • 部署
  • 测试
  • 插件
  • 总结
  • 贡献
Framework:
ReactReact NativeVueAngularSvelteEmber

总结

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

恭喜!您可以成功创建和发布了您的第一个 Storybook 插件。相信您通过学习 Storybook 的内部运作原理已经了解到了其自定义化的强大之处。42%的 JavaScript 开发人员已经在使用 Storybook。丰富多样的插件生态系统是其保持人气的重要原因。

通过创建一个插件来帮助社区定制和自动化 Storybook 吧!

从零起步其实很简单。Addon Kit提供了您创建插件所需的全部信息。通过addon API,您可以添加新特性,自动化工作流程,集成您喜爱的库。此外,您还可以通过addon catalog与成千名开发者分享这些插件。

了解更多

Storybook 官方文档 提供了更多指南,样例代码和一个知识库。

如果您和我们一起编写代码的话,您的仓库应该如此所示: Sample addon repository. 此样例基于 Storybook Addon Outline

您也可以参考其他的插件,例如 Pseudo States, Dark Mode 和所有 其他的官方插件 并结合 official Storybook使用它们。

感谢与我们共同学习。 通过订阅 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!
Docs
Documentation
Add Storybook to your project in less than a minute to build components faster and easier.
reactvueangularweb-components
Tutorial
Tutorials
Learn Storybook with in-depth tutorials that teaches Storybook best practices. Follow along with code samples.
Learn Storybook now
Storybook
The MIT License (MIT). Website design by @domyen and the awesome Storybook community.
StorybookShowcaseDocsTutorialsAddonsBlogReleasesGet involvedUse casesSupportTelemetryTeam
Community GitHub Twitter Discord chat Youtube Component Driven UIs
Subscribe
Get news, free tutorials, and Storybook tips emailed to you.

Maintained by
Chromatic
Continuous integration by
CircleCI
Hosting by
Netlify