# Storybook Rsbuild

> Storybook builder and frameworks powered by Rsbuild.

## 指南

- [快速上手](/zh/guide/index.md): Storybook Rsbuild 让你能够使用 Rsbuild 作为 Storybook 的构建引擎，从而获得更快的启动和构建速度。
- [配置](/zh/guide/configuration.md): Storybook Rsbuild 提供了多种自定义构建流程和行为的方式。本指南介绍可在 .storybook/main.ts 中使用的配置项。
- [示例](/zh/guide/examples.md): Storybook Rsbuild 提供了多种示例（sandboxes），帮助你快速上手不同的 framework 和配置。 这些示例位于仓库的 sandboxes 目录中。
- [Framework](/zh/guide/framework.md): Storybook 支持众多前端技术栈——React、Vue、Web Components 等等。本节将介绍在使用 Storybook Rsbuild 时如何添加或扩展 framework 支持。
- [React](/zh/guide/framework/react.md): Storybook for React & Rsbuild 让你能够使用应用已经依赖的 Rsbuild 工具链，独立地开发和测试 React 组件。
- [React Native Web](/zh/guide/framework/react-native-web.md): Storybook for React Native Web & Rsbuild 让你能够开发并记录借助 react-native-web 在 Web 上运行的 React Native 组件。 该 framework 扩展了 storybook-react-rsbuild，提供完整的 React Native Web 兼容能力，包括 alias 解析、Web 专属扩展名以及对 React Native 包的转译。
- [Vue](/zh/guide/framework/vue.md): Storybook for Vue & Rsbuild 帮助你使用与应用相同的 Rsbuild 配置来预览和迭代 Vue 组件。
- [Web Components](/zh/guide/framework/web-components.md): Storybook for Web Components & Rsbuild 专为 Lit 和 custom-element 项目打造，让你无需脱离 Rsbuild 工作流即可获得快速的组件预览。
- [Vanilla JS / TS](/zh/guide/framework/vanilla.md): 为原生 JavaScript 或 TypeScript 项目使用 Storybook，在保持 Rsbuild 流水线不变的同时预览 UI 组件。
- [Modern.js](/zh/guide/integrations/modernjs.md): 该 addon 会从你的 Modern.js 配置文件中加载一份可复用的 Rsbuild config，使 storybook-builder-rsbuild 复用你的应用已经信赖的同一套配置。
- [Rslib](/zh/guide/integrations/rslib.md): 该 addon 会从你的 Rslib 配置文件中加载 Rsbuild config 的可复用部分，同时避免仅用于 library build 的设置进入 Storybook preview build。 它还允许你在 Storybook 内开发 mf (Module Federation) 格式。 完整的参考实现请查看 React 组件库示例。
- [Rstack](/zh/guide/integrations/rstack.md): 该 addon 会从 Rstack 配置中加载 app 或 library 定义，并在 preview build 中复用适合 Storybook 的 Rsbuild 设置。 完整配置请参考 Rstack React 应用示例 和 Rstack React 组件库示例。
- [Rspack](/zh/guide/integrations/rspack.md): Rsbuild 构建于 Rspack 之上，因此你在 Rsbuild 中应用的任何配置同样适用于原生 Rspack 项目。本指南将介绍如何将 Storybook Rsbuild 接入已有的 Rspack 配置。 完整的参考实现请查看 Rspack React sandbox。
- [迁移](/zh/guide/migration.md): 本指南介绍如何将现有的 Storybook 项目从 webpack5 或 Vite framework 迁移到 Storybook Rsbuild（例如 storybook-react-rsbuild）。
- [故障排查](/zh/guide/troubleshooting.md)