@storybook/react-webpack5 8.0.0-rc.5 → 8.1.0-alpha.0
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +2 -46
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -1,47 +1,3 @@
|
|
|
1
|
-
# Storybook for React
|
|
1
|
+
# Storybook for React & Webpack
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
With it, you can visualize different states of your UI components and develop them interactively.
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
Storybook runs outside of your app.
|
|
9
|
-
So you can develop UI components in isolation without worrying about app specific dependencies and requirements.
|
|
10
|
-
|
|
11
|
-
## Getting Started
|
|
12
|
-
|
|
13
|
-
```sh
|
|
14
|
-
cd my-react-app
|
|
15
|
-
npx storybook@latest init
|
|
16
|
-
```
|
|
17
|
-
|
|
18
|
-
For more information visit: [storybook.js.org](https://storybook.js.org)
|
|
19
|
-
|
|
20
|
-
---
|
|
21
|
-
|
|
22
|
-
Storybook also comes with a lot of [addons](https://storybook.js.org/addons) and a great API to customize as you wish.
|
|
23
|
-
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.
|
|
24
|
-
|
|
25
|
-
Here are some featured storybooks that you can reference to see how Storybook works:
|
|
26
|
-
|
|
27
|
-
- [Demo of Storybook Design System](https://storybook.js.org/design-system) - [source](https://github.com/storybookjs/design-system)
|
|
28
|
-
|
|
29
|
-
## Create React App
|
|
30
|
-
|
|
31
|
-
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).
|
|
32
|
-
|
|
33
|
-
This preset enables support for all Create React App features, including Sass/SCSS and TypeScript.
|
|
34
|
-
|
|
35
|
-
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.
|
|
36
|
-
|
|
37
|
-
## Typescript
|
|
38
|
-
|
|
39
|
-
`@storybook/react` is now exporting its own types to use with Typescript.
|
|
40
|
-
You don't need to have `@types/storybook__react` installed anymore if it was your case.
|
|
41
|
-
But you probably also need to use types from `@types/node @types/react`.
|
|
42
|
-
|
|
43
|
-
## Docs
|
|
44
|
-
|
|
45
|
-
- [Basics](https://storybook.js.org/docs/react/get-started)
|
|
46
|
-
- [Configurations](https://storybook.js.org/docs/react/configure)
|
|
47
|
-
- [Addons](https://storybook.js.org/docs/react/configure/storybook-addons)
|
|
3
|
+
See [documentation](https://storybook.js.org/docs/8.0/get-started/react-webpack5?renderer=react) for installation instructions, usage examples, APIs, and more.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/react-webpack5",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.1.0-alpha.0",
|
|
4
4
|
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"storybook"
|
|
@@ -47,9 +47,9 @@
|
|
|
47
47
|
"prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
|
|
48
48
|
},
|
|
49
49
|
"dependencies": {
|
|
50
|
-
"@storybook/builder-webpack5": "8.
|
|
51
|
-
"@storybook/preset-react-webpack": "8.
|
|
52
|
-
"@storybook/react": "8.
|
|
50
|
+
"@storybook/builder-webpack5": "8.1.0-alpha.0",
|
|
51
|
+
"@storybook/preset-react-webpack": "8.1.0-alpha.0",
|
|
52
|
+
"@storybook/react": "8.1.0-alpha.0",
|
|
53
53
|
"@types/node": "^18.0.0"
|
|
54
54
|
},
|
|
55
55
|
"peerDependencies": {
|