Discussion on "Using Storybook with Expo Router v2, SDK 49 & TypeScript"

Mauro Garcia · 2023-07-13T16:14:54.306Z

Introduction Imagine having a web portal to showcase, document, test, and improve all your React Native components. A place where you can build your own library over time and then use that library to quickly build and release all those app ideas you ...

Discussion on "Using Storybook with Expo Router v2, SDK 49 & TypeScript" | Hashnode

David

Fetching JSON and rendering rectangles with React Native

Oct 13, 2023

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

Mauro Garcia

Software Developer

Oct 13, 2023

Glad to help, David! And thanks for your comment about the alternative. I implemented the .env file that way for 2 main reasons: 1 - It works on any OS, including Windows 2 - I wanted to experiment with the new Expo env variables support

Adding the env flags directly in the package.json may be convenient, but I'll need to use cross-env or something similar so it can work on Windows.

Discussion

Using Storybook with Expo Router v2, SDK 49 & TypeScript

Responses(4)

Recent in Forum

Search Hashnode

Using Storybook with Expo Router v2, SDK 49 & TypeScript

Responses(4)

Recent in Forum