Using Storybook with Expo Router v2, SDK 49 & TypeScript

I really enjoyed the article, and it was very helpful in getting started with setting up Storybook in my Expo project.

Now, as I'm trying to create a production build, I have a new question. How can we ensure that the production build doesn't include Storybook code?

Switching the real and Storybook application conditionally inside the code doesn't prevent Metro from bundling Storybook code.

I'm currently exploring a solution to this issue, but if you have any suggestions, I would greatly appreciate it if you could share your thoughts.

Hey, cool guide! Any chance at a followup guide for Storybook Web?

Thanks for the guide!

I recently created a new project with expo-router and I was confused with the app/ folder

One suggestion tho

my launch script looks like this

"storybook": "sb-rn-get-stories && EXPO_PUBLIC_STORYBOOK_ENABLED='true' expo start",

and the index.tsx page

const storybookEnabled = process.env.EXPO_PUBLIC_STORYBOOK_ENABLED;

I don't have .env file, no need to manually edit, it's faster to swap between the app or the storybook with

yarn start
yarn storybook

Hey Mauro! I'm one of the Storybook maintainers. Just to say we loved this! 💖