Skip to content

Commit

Permalink
Merge pull request #11315 from jonniebigodes/chore_fix_storybook_inst…
Browse files Browse the repository at this point in the history
…ructions

Chore: (Docs) Updates for the Storybook docs
  • Loading branch information
matrush authored Jun 17, 2022
2 parents c6b0140 + 2821fca commit 706aaa1
Showing 1 changed file with 4 additions and 4 deletions.
8 changes: 4 additions & 4 deletions docusaurus/docs/developing-components-in-isolation.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ Usually, it’s hard to see these states without running a sample app or some ex

Create React App doesn’t include any tools for this by default, but you can add [Storybook for React](https://storybook.js.org) ([source](https://github.com/storybooks/storybook)) or [React Styleguidist](https://react-styleguidist.js.org/) ([source](https://github.com/styleguidist/react-styleguidist)) to your project. **These are third-party tools that let you develop components and see all their states in isolation from your app**.

![Storybook for React Demo](https://i.imgur.com/7CIAWpB.gif)
![Storybook for React Demo](https://raw.githubusercontent.com/storybookjs/storybook/next/docs/get-started/storybook-third-party-docs.gif)

You can also deploy your Storybook or style guide 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.

Expand All @@ -25,15 +25,15 @@ Storybook is a development environment for React UI components. It allows you to
Run the following command inside your app’s directory:

```sh
npx -p @storybook/cli sb init
npx sb init
```

After that, follow the instructions on the screen.

Learn more about React Storybook:

- [Learn Storybook (tutorial)](https://learnstorybook.com)
- [Documentation](https://storybook.js.org/basics/introduction/)
- [Learn Storybook (tutorial)](https://storybook.js.org/tutorials/)
- [Documentation](https://storybook.js.org/docs/react/get-started/introduction)
- [GitHub Repo](https://github.com/storybooks/storybook)
- [Snapshot Testing UI](https://github.com/storybooks/storybook/tree/master/addons/storyshots) with Storybook + addon/storyshot

Expand Down

0 comments on commit 706aaa1

Please sign in to comment.