返回博客

⚛️ React 文章

使用 TypeScript 编写 Stories

了解如何为 stories 定义类型,以便更轻松地编写代码并提高健壮性
loading
Kyle Gach

如何在 Storybook 中构建连接组件

了解如何使用 decorators 模拟上下文、应用程序状态和 API 请求
loading
Varun Vachhar

如何为 Storybook 添加主题切换器

学习如何通过将 story 连接到 decorator 和工具栏项来控制其渲染方式
loading
Yann Braga

Figma 插件 Beta 版

将 stories 连接到设计组件
loading
Dominic Nguyen

我们如何在零 Bug 的情况下将 541 个组件从 Styled Components 迁移到 Emotion

一个案例研究:我们如何内部测试我们的可视化测试工具来简化 CSS 重构
loading
Varun Vachhar

Storybook 2021 年度报告

在性能、测试和社区生态系统方面取得了巨大成就的一年
loading
Michael Shilman

Storybook + Netlify CMS

将你的内容引入 Storybook
loading
Varun Vachhar

加入 Storybook 邮件列表

获取最新新闻、更新和发布信息

7,180位开发者及持续增加

Storybook 和 Next.js 入门

通过四个简单步骤将 Storybook 集成到 Next.js
loading
Michael Chan

交互式 Stories (Beta 版)

使用 play 函数模拟用户行为
loading
Varun Vachhar

UI 测试手册

不会拖慢你的测试工作流程
loading
Varun Vachhar

如何使用 Github Actions 自动化 UI 测试

加快你的工作流程并发布更高质量的代码
loading
Varun Vachhar

测试用户流程

端到端验证你的 UI 是否正常工作
loading
Varun Vachhar

使用 Storybook 进行可访问性测试

通过集成工具实现快速反馈
loading
Varun Vachhar

如何测试组件交互

了解如何模拟用户行为并运行功能检查
loading
Varun Vachhar
加入社区
7,180位开发者及持续增加
为什么为什么选择 Storybook组件驱动的 UI
文档指南教程更新日志遥测
社区插件参与贡献博客
示例探索项目组件词汇表
开源软件
Storybook - Storybook 中文

特别感谢 Netlify CircleCI