From 2821fcadc894960831ce38dbeb22483c74e9b86f Mon Sep 17 00:00:00 2001 From: jonniebigodes Date: Tue, 17 Aug 2021 21:04:22 +0100 Subject: [PATCH] Updates for the Storybook docs --- docusaurus/docs/developing-components-in-isolation.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/docusaurus/docs/developing-components-in-isolation.md b/docusaurus/docs/developing-components-in-isolation.md index 90baae5a1de..a0fce33f02d 100644 --- a/docusaurus/docs/developing-components-in-isolation.md +++ b/docusaurus/docs/developing-components-in-isolation.md @@ -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. @@ -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