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?
React-native storybook without dev. server
767 Views Asked by Peter At
2
There are 2 best solutions below
0
Muhammad Numan
On
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
yarnornpm install - run storybook app by
yarn startorexpo start - then press
ito open app oniossimulator
Related Questions in REACT-NATIVE
- ussd reader in Recket Native module
- I can't make TextInput to auto expand properly in Android
- expo config plugin use import instead of require
- Custom Sound for Expo Push Notifications Only Works in Foreground
- run RTK dispatch on gesture start with React Native
- Should I set Back-End for my React Native application?
- using infoPlist in app.json for expo project seems to not be working
- Anyone have success configuring react-native-home-indicator?
- KeyboardAvoidingView makes a messy the flexbox
- I am getting lots of errors when building react native app in Xcode
- Search and highlight text of current text in PDFKit Swift
- Flatlist Sometimes Capped at 10 Items Bug
- Is there any way to page transition in react native (stack navigation)
- Screen inside Stack.Navigator not visible in React-Native
- React Native stopwatch implementation slow on iOS
Related Questions in PRODUCTION
- Next 14 App Router pages from dynamic routes not generating when deployed on vercel but only work on localhost
- Distorted CSS after Build process
- Flutter Gpay previously working in production is not working now
- Angular 8 project compiled error in production
- Issue with Google Drive API Integration: Unexpected HTML Response from Backend in Production Environment
- Difference between my development app and production app
- Quick reply needed - How to disable / Inactive the production version in Play Store?
- Leaflet-FreehandShapes Not Working in Angular 17 Production Build
- Pm2 mode cluster project Next 14 infinite reload
- How can I improve the production quality of this time series model
- `SSL: CERTIFICATE_VERIFY_FAILED` certificate verify failed: Hostname mismatch, certificate is not valid for 'smtp.gmail.com'. (_ssl.c:1007)
- Executing "strapi admin:reset-user-password" command on a Strapi app deployed on Render
- ng build in Angular not loading
- serving static files in django on pythonanywhere
- NextJS App Router: How to display error in production
Related Questions in STORYBOOK
- storybook 7 does not recognize module declarations
- How do I set isOpen false in the following Storybook story?
- How to update arg in storybook with a function?
- where to add logic that would apply to the global type dropdown in storybook 8?
- Debugging a NextJS/React application in Storybook through WebStorm
- Vanilla extract Next.js storybook: Can't resolve @vanilla-extract/css/recipe'
- angular ag-grid doesn't work with storybook
- Intellisense not working when importing custom npm package
- Using Pinia store in Storybook
- Deploying Storybook components in an npm package
- How to change control values based on selected controls in Storybook?
- Storybook for React project with error in Anycable lib
- How to provide service at the module level?
- Element type is invalid: expected a string (for built-in components) or a class/function but got: undefined
- How to change preview background color mode when user click the customized addon created by globalTypes
Related Questions in DEVSERVER
- How to automatically switch to https when navigating to http on vite dev server
- Quasar changes capacitor.config.json on dev server start
- React npm start works but dev server not
- Transforming const to the configured target environment ("es5") is not supported yet when using vite
- how to return a devserver for custom configuration while setting up cypress component testing with custom devserver
- What does "secure" mean from Webpack, devServer proxy?
- How to add a REST API to the Modern Web Dev Server?
- How to load multiple apps with vue devServer configuration
- esBuild serve over HTTPS
- How can I configure Vite's dev server to give 404 errors?
- How to get dev server proxy target inside app?
- Enabling CORS for VueJS devserver
- Is it Possible to Run a Webpack/Create-React-App Dev Server *Within* an Express App
- problem with an autorun devserver 17 in windows startup on windows 10
- React-native storybook without dev. server
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?

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