# storybook-react-rspack

> Storybook for React: Develop React Component in isolation with Hot Reloading.

Latest version **7.0.0-rc.25** (published 2023-08-04) · MIT license · 0 weekly downloads

## Install

```sh
npm install storybook-react-rspack
pnpm add storybook-react-rspack
yarn add storybook-react-rspack
bun add storybook-react-rspack
```

## Health

**Score 50/100 (C)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high maintenance score; popular repo; extremely popular.

Warnings: low downloads.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 7.0.0-rc.25 |
| Published | 2023-08-04 |
| First published | 2023-04-11 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=16.0.0 |
| Dependencies | 4 |
| Unpacked size | 9.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 91131 |
| Maintainers | jserfeng |
| Keywords | storybook |

## Links

- npm: https://www.npmjs.com/package/storybook-react-rspack
- Repository: https://github.com/storybookjs/storybook
- Homepage: https://github.com/storybookjs/storybook/tree/main/frameworks/react-webpack5
- Issues: https://github.com/storybookjs/storybook/issues
- Funding: https://opencollective.com/storybook
- npm.io page: https://npm.io/package/storybook-react-rspack

## Dependencies (4)

- [@types/node](https://npm.io/package/@types/node.md) ^16.0.0
- [@storybook/react](https://npm.io/package/@storybook/react.md) ^7.2.1
- [storybook-builder-rspack](https://npm.io/package/storybook-builder-rspack.md) 7.0.0-rc.18
- [storybook-preset-react-rspack](https://npm.io/package/storybook-preset-react-rspack.md) 7.0.0-rc.18

## Recent versions

- 7.0.0-rc.25 (latest) — 2023-08-04
- 7.0.0-rc.24 — 2023-06-05
- 7.0.0-rc.23 — 2023-06-05
- 7.0.0-rc.18 — 2023-05-25
- 7.0.0-rc.17 — 2023-04-25
- 7.0.0-rc.16 — 2023-04-11

## README

# Storybook for React

Storybook for React is a UI development environment for your React components.
With it, you can visualize different states of your UI components and develop them interactively.

![Storybook Screenshot](https://github.com/storybookjs/storybook/blob/main/media/storybook-intro.gif)

Storybook runs outside of your app.
So you can develop UI components in isolation without worrying about app specific dependencies and requirements.

## Getting Started

```sh
cd my-react-app
npx storybook init
```

For more information visit: [storybook.js.org](https://storybook.js.org)

---

Storybook also comes with a lot of [addons](https://storybook.js.org/addons) and a great API to customize as you wish.
You can also build a [static version](https://storybook.js.org/docs/react/sharing/publish-storybook) of your Storybook and deploy it anywhere you want.

Here are some featured storybooks that you can reference to see how Storybook works:

- [Demo of Storybook Design System](https://storybook.js.org/design-system) - [source](https://github.com/storybookjs/design-system)

## Create React App

Support for [Create React App](https://create-react-app.dev/) is handled by [`@storybook/preset-create-react-app`](https://github.com/storybookjs/presets/tree/master/packages/preset-create-react-app).

This preset enables support for all Create React App features, including Sass/SCSS and TypeScript.

If you're working on an app that was initialized manually (i.e., without the use of Create React App), ensure that your app has [react-dom](https://www.npmjs.com/package/react-dom) included as a dependency. Failing to do so can lead to unforeseen issues with Storybook and your project.

## Typescript

`@storybook/react` is now exporting its own types to use with Typescript.
You don't need to have `@types/storybook__react` installed anymore if it was your case.
But you probably also need to use types from `@types/node @types/react`.

## Docs

- [Basics](https://storybook.js.org/docs/react/get-started/introduction)
- [Configurations](https://storybook.js.org/docs/react/configure/overview)
- [Addons](https://storybook.js.org/docs/react/configure/storybook-addons)

---
_Source: https://npm.io/package/storybook-react-rspack · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._