React-native storybook without dev. server

Question

I am using the react-native storybook. (https://github.com/storybookjs/react-native#storybook-for-react-native).
With some dev. server there is a nice overview for the storybook. My question is:

Is it possible to render the react-native storybook in the app without any dev. server.?
If yes, how?

Your question could be clearer. Dev server is necessary to compile. Can you adjust your question so that it is clearer? — Elise Chant, Aug 19 '20 at 10:13
did you check my answer. stackoverflow.com/a/63535376/8079868 — Muhammad Numan, Aug 24 '20 at 14:38

Muhammad Numan · Answer 1 · 2020-08-22T11:06:15.270

2

yes, you can render the react-native storybook in the app without any webpack dev server

you need to install @storybook/react-native package and follow the Docs

here is an example project: https://github.com/nomi9995/expo-storybook-boilerplate.git

clone above boilerplate
install node_modules by yarn or npm install
run storybook app by yarn start or expo start
then press i to open app on ios simulator

edited Aug 22 '20 at 11:06

answered Aug 22 '20 at 11:00

Muhammad Numan

23,222
6
63
80

score 0 · Answer 2 · answered Aug 20 '20 at 17:13

If you think you want to list and display the components created in a web view, so that it is shareable without running the app in dev mode, you should look for storybook server option.

https://github.com/storybookjs/react-native/blob/master/app/react-native/readme.md

React-native storybook without dev. server

2 Answers2