Intro to Storybook
  • 开始吧
  • 简单 组件
  • 合成组件
  • Data
  • 页面
  • 部署
  • 测试
  • 插件
  • 总结
  • 帮助我们
Framework:
ReactReact NativeVueAngularSvelteEmber

结论

把所有的知识汇总以下,学习更多的 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!
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