Skip to content
This repository was archived by the owner on Jan 26, 2019. It is now read-only.
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Commit 864ef28

Browse files
ndelangenwmonk
authored andcommittedAug 7, 2017
re-add storybook && update the documentation and links (#2331)
* re-add storybook && update the documentation and links * Change to new documentation domain
1 parent c7f79f7 commit 864ef28

File tree

1 file changed

+11
-12
lines changed

1 file changed

+11
-12
lines changed
 

‎packages/react-scripts/template/README.md

+11-12
Original file line numberDiff line numberDiff line change
@@ -1321,30 +1321,30 @@ If you use [Visual Studio Code](https://code.visualstudio.com), there is a [Jest
13211321

13221322
![VS Code Jest Preview](https://cloud.githubusercontent.com/assets/49038/20795349/a032308a-b7c8-11e6-9b34-7eeac781003f.png)
13231323

1324-
<!--
13251324
## Developing Components in Isolation
13261325

13271326
Usually, in an app, you have a lot of UI components, and each of them has many different states.
13281327
For an example, a simple button component could have following states:
13291328

1330-
* With a text label.
1331-
* With an emoji.
1329+
* In a regular state, with a text label.
13321330
* In the disabled mode.
1331+
* In a loading state.
13331332

13341333
Usually, it’s hard to see these states without running a sample app or some examples.
13351334

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**.
13371336

1338-
![React Storybook Demo](http://i.imgur.com/7CIAWpB.gif)
1337+
![Storybook for React Demo](http://i.imgur.com/7CIAWpB.gif)
13391338

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.
13411341

1342-
**Here’s how to setup your app with Storybook:**
1342+
### Setup your app with Storybook
13431343

13441344
First, install the following npm package globally:
13451345

13461346
```sh
1347-
npm install -g getstorybook
1347+
npm install -g @storybook/cli
13481348
```
13491349

13501350
Then, run the following command inside your app’s directory:
@@ -1358,10 +1358,9 @@ After that, follow the instructions on the screen.
13581358
Learn more about React Storybook:
13591359

13601360
* Screencast: [Getting Started with React Storybook](https://egghead.io/lessons/react-getting-started-with-react-storybook)
1361-
* [GitHub Repo](https://github.com/kadirahq/react-storybook)
1362-
* [Documentation](https://storybooks.js.org/docs/react-storybook/basics/introduction/)
1363-
* [Snapshot Testing](https://github.com/kadirahq/storyshots) with React Storybook
1364-
-->
1361+
* [GitHub Repo](https://github.com/storybooks/storybook)
1362+
* [Documentation](https://storybook.js.org/docs/react-storybook/basics/introduction/)
1363+
* [Snapshot Testing UI](https://github.com/storybooks/storybook/tree/master/addons/storyshots) with Storybook + addon/storyshot
13651364

13661365
## Making a Progressive Web App
13671366

0 commit comments

Comments
 (0)
This repository has been archived.