#Examples

Storybook Rsbuild provides a variety of examples (sandboxes) to help you get started with different frameworks and configurations.

These examples are located in the sandboxes directory of the repository.

#Frameworks

#React

• React 18: Basic React 18 setup with TypeScript.
• React 16: Legacy React 16 support.
• Rspack React: Integration with raw Rspack configuration (without Rsbuild).

#Vue

• Vue 3: Vue 3 with TypeScript and JSX support.

#Web Components

• Lit: Web Components development using Lit.

#Vanilla JS/TS

• Vanilla TS: Framework-agnostic setup for vanilla JavaScript/TypeScript.

#Advanced Integrations

#Module Federation

Storybook Rsbuild supports Module Federation out of the box.

• Modern.js Module Federation: A host application loading federated modules from a remote, all running within Storybook.
• Rslib Module Federation: Developing a federated component library with Rslib and Storybook.

#Modern.js

• Modern.js Framework: Seamless integration with the Modern.js full-stack framework, reusing the app's config.

#Rslib (Library Build)

• Rslib Component Library: Developing a React component library with Rslib, demonstrating how to reuse Rslib config for Storybook.
• Rslib Vue Component: Developing a Vue 3 component library with Rslib.

#Testing

• React Testing: Demonstrates Storybook's test runner and interaction testing capabilities.