Will this not work in the browser?

[shubhamzanwar]

I'm trying to get this working for my new react-native app.
I run yarn start - to start the metro bundler
I run yarn storybook - to start storybook.

Once everything is ready, I can see the output only on my device screen. Is there no way to see the output on my web browser?

Also, everytime I've to comment out my entire app to use Storybook?

[dannyhw]

There are different ways of using storybook, you can use an environment variable or flag to choose between each one or even add the storybook ui as a screen in your navigation setup.

You can see the the app in the browser if you use react-native-web however it's not like we can just render native android or IOS components in the web, it's just converting the components to dom elements via the react-native-web package so it won't be an accurate representation of the mobile version.

The idea is having the components on the device because that is how they will appear when they are used in your final application. In react native your UI components can depend on the OS you run them on since the components depend on the native components used under the hood of react native.

The web page that appears when you run yarn storybook is an optional way of controlling storybook ui on the device and is not required.

[dannyhw]

Since there is no activity here I will close this issue. Let me know if you want to reopen this.

Thanks :)