Storybook 7.0 Beta 版

我们的使命是改善互联网的用户体验。到目前为止，我们已经取得了很大的进展。世界各地的团队使用 Storybook 来驱动他们的前端工作流程。

微软记录了他们的通用设计系统 Fluent。Firefox 正在隔离地开发他们的 Web 应用程序页面。同时，BBC 正在为他们的组件库在数十个国际区域自动进行测试。

我很高兴分享 Storybook 有史以来最大更新的早期预览：7.0 Beta 版。代码库已为性能和稳定性进行了重新架构，并包含数百项改进。内容包括

• 💅 设计焕新
• 🏎️ 性能大修和预捆绑
• 📝 使用 MDX 2 的文档修订
• 🕹️ 使用 Testing Library 的交互测试
• 🚥 由 Playwright 驱动的测试运行器
• 📈 测试覆盖率报告
• 🔖 组件故事格式 3.0，减少样板代码
• 🧩 用于零配置设置的框架 API
• ⚡ 一流的 Vite 支持（包括最新的 v4）
• ✅ TypeScript 安全性和自动完成（支持最新的 4.9）
• 🎁 NextJS 和 SvelteKit 框架

Beta 版意味着什么？

7.0 是我们两年来的第一个主要版本，这意味着存在重大更改。Beta 版表示我们已完成最具颠覆性的更改，现在专注于稳定性。

在过去的几周里，我们升级了我们自己的所有 Storybook 和来自组件百科全书的几个社区项目，以发现迁移错误。

但是社区中有无数的项目配置 - 仅维护者无法测试所有内容（这将需要数年时间）。这就是您发挥作用的地方。

我们需要您的帮助，以使此版本获得成功。 通过将您的 Storybook 升级到 7.0 Beta 版并提供反馈，您将帮助塑造 Storybook 的未来，并获得维护者和社区专家的实践帮助。

查看 Beta 版中的新功能

如果您是早期采用者，那么现在是预览 2023 年全面发布内容的好时机。您会注意到新的工作流程和无数的生活质量改进，这些改进随着时间的推移会大大提高生产力。以下是简短列表

💅 设计焕新
7.0 简化了 Storybook 的开发者体验，以加快您的速度：边缘到边缘布局、重新绘制的图标、改进的表单、更快的启动和构建性能。

🏎️ 性能大修
7.0 优化并预捆绑了 Storybook，以减少安装包大小。这加快了构建时间并消除了依赖冲突。

📝 文档修订
使用 MDX 2 支持、新架构、简化的用户体验和现成的文档块，快速启动您的项目 UI 文档。

🕹️ 交互测试
在您的故事文件中模拟用户行为，如单击、悬停和键入。由 Jest 和 Testing Library 提供支持

🚥 测试运行器
使用测试运行器自动保持您的故事最新，测试运行器是一个由 Playwright 驱动的 CLI 工具，可运行测试并报告覆盖率。

📈 测试覆盖率
生成代码覆盖率报告（lcov 等），以插入行业标准测试套件报告中。与测试运行器协同工作。

🔖 组件故事格式 3.0
介绍 CSF 的下一个主要版本，它显着减少了样板代码，并帮助您专注于故事的本质。

🧩 用于集成的框架 API
框架是自动配置 Storybook 以与流行的应用程序设置（如 NextJS 和 Sveltekit）一起使用的软件包。

⚡ 一流的 Vite 支持
Vite 是一种下一代构建工具，可为 Storybook 7.0 提供快速启动和即时重新加载。我们现在支持从您的 Vite 配置自动配置，并且不再将 Webpack 安装到您的项目中。

✅ TypeScript 类型安全和自动完成
TypeScript 与 Storybook 配合使用。7.0 通过新类型和功能扩展了类型安全性，包括 Typescript 4.9 中的新 satisfies 运算符（不是必需的）。

▲ Next.js 和 SvelteKit 的自动配置
Next 12 和 13 以及 SvelteKit 的零配置集成可帮助您隔离地开发、测试和记录 UI 组件。

以及数百项更多改进
随着 7.0 即将到来，Storybook 持续改进。Beta 版包含数百个修复、改进和调整。浏览与 7.0.0-* 匹配的更改日志，以获取完整的更改列表。亮点包括

• 现代 ESM，无需 polyfill
• 正确的 npm8、pnpm、yarn pnp 支持
• Angular15 支持
• 交互调试步骤函数和嵌套
  

立即试用 Beta 版

Storybook 与 JavaScript 生态系统集成，或者至少我们尝试这样做。这意味着有很多边缘情况需要考虑。在 Beta 版期间，我们需要您的帮助，以确保一切正常运行。

首先，请按照 🧭 7.0 迁移指南，详细了解重大更改以及升级说明。这是一个活文档，将在整个 Beta 版期间不断更新。

获取支持
如果您在迁移时遇到问题，请在 Discord 🤝#prerelease 中与维护者聊天。我们正在尽力帮助解答问题和修复错误。

7.0 何时发布？
在接下来的几个月中，我们将修复您报告的问题，并继续使用生产工作负载测试 7.0。如果您热衷于贡献修复程序，请浏览 release-blockers 并通过 🗺 GitHub 看板跟踪我们的进度。