Ignite: Storybook does not show any stories

[hendra47]

my storybook does not show any stories!

my storybook run http://localhost:7007/

@ruddell

[ruddell]

Don't run react-native start separately, the command npm run storybook starts the packager.

# build and install app to phone
react-native run-ios

# close the react-native packager

# start storybook
yarn run storybook

I just verified following those steps makes Storybook work as expected (screenshot).

If you want actions to appear in the action logger, you need to configure your stories to do so (this isn't generated). Follow the guide in the readme for @storybook/addons: https://github.com/storybooks/storybook/tree/master/addons/actions

[rdewolff]

Am having a same issue, tried many things, but my storybook is always empty. Am using the Bowser boilerplate. Any idea?

[kevinvangelder]

@rdewolff Could you open a separate issue on Bowser? I believe this issue is about Andross.

https://github.com/infinitered/ignite-ir-boilerplate-bowser/

[kevinvangelder]

@hendra47 Can you give us more information on how you configured Storybook?

[rdewolff]

Solved on my side, usage problem! Don't forget to set the SHOW_STORYBOOK var to true :)

[GantMan]

Dom we'll have a better switch in there soon enough.

On Fri, May 18, 2018 at 8:49 AM, Rom [e-mail] wrote:

Solved on my side, usage problem! Don't forget to set the SHOW_STORYBOOK
var to true :)

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
https://github.com/infinitered/ignite/issues/1242#issuecomment-390213114,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AA83JSMJr5LqgCpUaqL_a6xkbFoTkL36ks5tztFcgaJpZM4Su7oG
.

[rdewolff]

Documentation could cover this :)

[GantMan]

coming soon 👍

[dreamlover]

@rdewolff the same issue, none story showed in the browser, where did you set the 'SHOW_STORYBOOK' var?

[skellock]

It's in src/app/main.tsx.

[dreamlover]

@skellock I'm using the 'ignite-ir-boilerplate', can not find the file...

[kevinvangelder]

ignite-ir-boilerplate does not support Storybook out of the box.

[dreamlover]

@kevinvangelder ok, i see. I added storybook manually according to the tutorial of storybook. The stories can be showed on the mobile, but not in the browser. I thought it was the same reason...

[kevinvangelder]

I'm not very experienced with Storybook, but my understanding is that any stories that show up on mobile should also show up in the browser. Maybe there is an extra configuration step or something.

[dreamlover]

Yes, it should be so. I'm still trying to figure it out! :)

[eldooon]

I figured it out! Config -> DebugConfig -> launchStorybook: true

npm run storybook and npm run ios

[waleedsarwar86]

Check out this issue. Right stories in React Native project don't show in the web.
https://github.com/storybooks/storybook/issues/2063

[luckeysherpa07]

Don't run react-native start separately, the command npm run storybook starts the packager.

# build and install app to phone
react-native run-ios

# close the react-native packager

# start storybook
yarn run storybook

I just verified following those steps makes Storybook work as expected (screenshot).

If you want actions to appear in the action logger, you need to configure your stories to do so (this isn't generated). Follow the guide in the readme for @storybook/addons: https://github.com/storybooks/storybook/tree/master/addons/actions

In my case it was opposite. First i had to run yarn run storybook and then react-native run-ios