返回博客

两个新的 Storybook 版本和更快的发布周期

2023 年 7 月 Storybook 更新

loading
Joe Vaughan
@joevaugh4n
最后更新

七月是 Storybook 世界忙碌的一个月!

亮点是发布了 Storybook 7.1(自 Storybook 7 以来的首次发布)。它包含大量功能,旨在简化 Storybook 的学习曲线和设置难度,同时使 Storybook 与不断变化的趋势保持同步(不,我们不是指芭比电影)。

此外,Storybook 7.2 也已发布——这是一个规模更小但速度更快的版本,因为我们正在试验一种新的、更频繁的发布周期。

浏览以下上个月的所有更改。

🏄 7.1:用户引导、零配置样式和 TypeScript 文档
🧰 7.2:Angular、TypeScript、Vue2 修复
🚅 新功能:更快的发布周期

Storybook 7.1

Storybook 7.1 让您可以通过 Storybook 7 实现更多功能。在数百个较小的修复和优化中,一些突出的功能包括

应用内引导
通过我们的新用户引导在 Storybook 中学习 Storybook,并获得有关如何编写您的第一个 story 的指导。

Storybook onboarding UI

目前在所有新的 React 项目中可用,更多框架支持即将推出。 阅读更多

零配置样式
我们更新的 Styling Addon 现在可以为您的项目的样式工具自动配置 Storybook。目前,它支持 Tailwind、Material UI、Emotion 和 styled-components,未来将有更多库加入列表。 阅读更多

TypeScript 默认文档
TypeScript 现在是 Storybook 文档的默认语言。这与前端开发领域的变化保持一致,目前 TypeScript 出现在 80% 的 Storybook 中。 阅读更多

其他功能

  • 新的 API 参考资料
  • 改进的 Vue3 源代码片段和响应性
  • Storybook 文档的目录
  • Design Addon 官方支持
Storybook 7.2

Storybook 7.2

本月,我们正在试验我们的发布周期,发布规模更小但频率更高的新版本 Storybook。我们的目标是更快地为您带来新功能,并简化升级过程。

7.2 是这些更快版本中的第一个。它包含多项生活质量修复和升级,包括

  • Angular:在构建 Storybook 时添加了可选的 prod 模式
  • TypeScript:修复了关键字 satisfiesas 被 stories 错误解析的问题
  • Vue2:修复了响应性错误

立即通过 npx storybook@latest upgrade 升级到 7.2!


Storybook 的可视化组件测试
Chromatic 是 Storybook 维护者提供的一项服务,旨在帮助前端团队自动化视觉和交互测试,并通过 CI/CD 简化利益相关者的批准流程。 了解更多 »


招聘板

在领先的前端团队中探索使用 Storybook 的职位。 访问我们的社区招聘板 »

Muck Rack, Domino's, JP Morgan, mastercard, Academia, University of Kentucky, Back Market, and BillionToOne

感谢阅读!通过在 TwitterLinkedInDiscord 上加入我们的开发者社区,及时了解 Storybook 的所有动态。

加入 Storybook 邮件列表

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

6,730位开发者及更多

我们正在招聘!

加入 Storybook 和 Chromatic 背后的团队。构建被数十万开发者在生产环境中使用的工具。远程优先。

查看职位

热门文章

介绍 Chromatic Visual Tests 插件

使用 Storybook 精确定位到像素级的 UI 错误
loading
Dominic Nguyen

Visual Tests 插件进入内部 alpha 测试阶段

立即注册参与,以及项目更新
loading
Dominic Nguyen

Storybook 7.1

Storybook 7.1 发布啦!具有应用内引导、零配置样式支持、TypeScript 代码片段等功能。
loading
Michael Shilman
加入社区
6,730位开发者及更多
为什么为什么选择 Storybook组件驱动的 UI
文档指南教程更新日志遥测
社区插件参与进来博客
展示探索项目组件词汇表
开源软件
Storybook - Storybook 中文

特别感谢 Netlify CircleCI