You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository was archived by the owner on Jan 26, 2019. It is now read-only.
Copy file name to clipboardexpand all lines: packages/react-scripts/template/README.md
+11-12
Original file line number
Diff line number
Diff line change
@@ -1321,30 +1321,30 @@ If you use [Visual Studio Code](https://code.visualstudio.com), there is a [Jest
1321
1321
1322
1322

1323
1323
1324
-
<!--
1325
1324
## Developing Components in Isolation
1326
1325
1327
1326
Usually, in an app, you have a lot of UI components, and each of them has many different states.
1328
1327
For an example, a simple button component could have following states:
1329
1328
1330
-
* With a text label.
1331
-
* With an emoji.
1329
+
* In a regular state, with a text label.
1332
1330
* In the disabled mode.
1331
+
* In a loading state.
1333
1332
1334
1333
Usually, it’s hard to see these states without running a sample app or some examples.
1335
1334
1336
-
Create React App doesn’t include any tools for this by default, but you can easily add [React Storybook](https://github.com/kadirahq/react-storybook) to your project. **It is a third-party tool that lets you develop components and see all their states in isolation from your app**.
1335
+
Create React App doesn’t include any tools for this by default, but you can easily add [Storybook for React](https://storybook.js.org) ([source](https://github.com/storybooks/storybook)) to your project. **It is a third-party tool that lets you develop components and see all their states in isolation from your app**.

1339
1338
1340
-
You can also deploy your Storybook as a static app. This way, everyone in your team can view and review different states of UI components without starting a backend server or creating an account in your app.
1339
+
A storybook can also be deployed as a static app.
1340
+
This way, everyone in your team can view and review different states of UI components without starting a backend server or creating an account in your app.
1341
1341
1342
-
**Here’s how to setup your app with Storybook:**
1342
+
### Setup your app with Storybook
1343
1343
1344
1344
First, install the following npm package globally:
1345
1345
1346
1346
```sh
1347
-
npm install -g getstorybook
1347
+
npm install -g @storybook/cli
1348
1348
```
1349
1349
1350
1350
Then, run the following command inside your app’s directory:
@@ -1358,10 +1358,9 @@ After that, follow the instructions on the screen.
1358
1358
Learn more about React Storybook:
1359
1359
1360
1360
* Screencast: [Getting Started with React Storybook](https://egghead.io/lessons/react-getting-started-with-react-storybook)
0 commit comments