How to add Storybook?

[sachinkotwal]

[flearsnetwork]

+1

[brightpixels]

+1

[martinmcneela]

+1

[joey-lucky]

+1

[ummahusla]

I've spent a bit of the time on this one, but I wasn't been able to set up it properly. At some point probably next week, I will give it another go.

[KindArt]

+1

[sachinkotwal]

As a workaround, I able to integrate storybook inside the example folder inside this library. This is straightforward as example project in this library is created using create-react-app

[ericmasiello]

+1

[brightpixels]

@sachinkotwal could you share your example please?

[AdventureBeard]

@brightpixels , I got this working by initializing storybook in example/ and installing react-scripts in example/. Starting storybook and importing from your library should work great after that.

cd example
npx -p @storybook/cli sb init
yarn add react-scripts
yarn storybook

EDIT: Looks like this might be a shortcut to that outcome, but haven't tested: npx -p @storybook/cli sb init --type react_scripts

[dasm30]

For anyone encountering this issue, even with the above solution I had an error Cannot find module ......./example/node_modules/react-scripts/config/webpack.config' I noticed the react-scripts version installed with this library is too old, I updated the package version to 3.4 at this time, and issue was solved

[JFernandoGomez]

3.4

yup, this solved my issue

[saraahso]

I've added storybook in the root of create-react-library and it works fine. I don't need to use example folder anymore. I simply create the [file].stories.js inside each component and it works good. 👍🏽