我们收集世界上最好的 Storybook 项目，供您学习借鉴。
为什么 UI 开发者需要一个展示平台？
如今，越来越多的人在构建组件驱动的 UI。但每个项目都有其独特性，推荐的技术也各不相同。很难弄清楚哪些开发技术是有效的，哪些只是炒作。顶尖的工程团队是如何真正交付 UI 的？
我们的社区在网上搜寻最好的 Storybook 项目。我们把它们收集在这里。这样，您在构建自己的项目时就可以参考最优秀的作品。
如何添加您的项目
将您的项目添加到 Chromatic
Showcase 索引了发布在 Chromatic 上的 Storybook（免费）。Chromatic 是 Storybook 维护者提供的服务，用于将 Storybook 发布到共享工作区并生成可搜索的索引供您的团队使用。
了解 Chromatic项目维护者的优势
启发同行
为您的作品感到骄傲吗？向我们的 UI 工程社区展示它，帮助他们解决问题，找到灵感。
UI 测试和审查
通过添加您的项目，即可获得免费的 UI 测试和审查。这是由 Storybook 背后的团队 Chromatic 提供的。
版本控制与历史记录
回溯查看项目的演变过程。比较不同分支和提交之间的更改。
可搜索的组件库
为您的 UI 组件生成可搜索的库。这有助于他人发现和重用您的工作。
徽章与分析
对每个组件和项目进行 UI 质量分析，生成可共享的 README 徽章。
始终保持最新
我们会定期抓取您的项目，提供准确、最新的健康指标。
常见问题解答与故障排除
- 我的项目需要多长时间才能出现在这里？
- 项目最多需要 24 小时才能出现在目录中。
- 项目多久会被抓取一次？
- 项目每 24 小时抓取一次。如果检测到更改，将会反映出来。
- 为什么我的项目没有更新？
- 请检查您的已发布 Storybook 的 URL 是否正确，以及是否正在更新。如果您使用 Chromatic，您的项目将自动定期更新。
- 如何报告问题？
- 请在我们的 Discord 聊天 #showcase 频道 上向维护者报告问题，或发送电子邮件至 showcase@chromatic.com.
- 为什么我的项目没有被列出？
- 我们已将格式不正确的 Storybook 从索引中移除。请检查您的已发布 Storybook URL 是否可以解析，以及是否有任何因素阻止您的故事渲染。请在我们的 Discord 聊天 #showcase 频道.
- 如何移除我的项目？
- 我们展示了前端生态系统中最好的公共项目，供开发者学习。如果您想省略您的项目，请在 Storybook 的
<head>中添加一个<meta name="robots" content="noindex">标签。这样可以确保搜索引擎无法找到您的 Storybook。
如果您的项目意外出现在这里，我们很乐意将其移除。请在Discord #showcase 上向维护者报告问题，或发送电子邮件至 showcase@chromatic.com. - 与我们交流。是否有行为准则？
- 为了营造一个开放和受欢迎的环境，我们作为贡献者和维护者承诺，让参与我们的项目和社区成为每个人都能免受骚扰的体验，无论年龄、体型、残疾、种族、性别认同和表达、经验水平、国籍、外貌、种族、宗教或性取向。 继续阅读我们的贡献者公约。
特别感谢
Showcase 是使用 Hygraph 构建的，他们慷慨地为该项目提供了他们的 CMS。