教程

包含代码示例的免费深度指南。专为专业前端开发人员打造。

Storybook 入门学习创建可靠的 UI 组件,在此过程中,你将从头开始构建一个应用 UI。10 章
Intro to Storybook
面向开发人员的设计系统了解如何使用 Storybook 构建和维护设计系统。9 章
Design Systems for Developers
UI 测试手册领先工程团队使用的测试技术9 章
UI Testing Handbook
可视化测试手册可视化测试是检查 UI 外观的一种实用而精确的方法。6 章
Visual Testing Handbook
Nike
Shopify
DAZN
InVision
O'Reilly
Betterment
Hashicorp
迄今为止超过 200,000 名读者
Storybook 是一个非常关键的工具,不仅可以单独测试组件,还可以向整个团队传达组件的用例和 API。你必须学习如何使用 Storybook,而这里就是学习的地方。
loading
Kyle Holmberg
Air 公司工程师
我惊讶于使用 Storybook 构建设计系统竟然如此容易!这里提供的指南非常完美。一切都按步骤进行了解释,从仓库的设置到部署,包括测试和文档的生成。
loading
Michèle Legait
PROS 公司工程师
设计系统正迅速普及。对于开发人员来说,理解从哪里开始可能会让人感到不知所措。本指南将使用行业标准最佳实践来启动你的设计系统。
loading
Lee Robinson
Vercel 公司工程师
同行评审并持续更新
我们的指南由 Shopify、Auth0 和纽约时报的领导人物进行同行评审。我们优秀的学习者社区使指南与行业最佳实践保持同步。
加入社区
6,721名开发者及更多
为什么为什么选择 Storybook组件驱动的 UI
开源软件
Storybook - Storybook 中文

特别鸣谢 Netlify CircleCI