This repo showcases some components that I made for a personal React Native project (contained in a separate private repo).
I wrote a blog post about the Storybook setup process here:
- React Native
- TypeScript
- Storybook
@storybook/react-native-server
for using the web interfacereact-native-storybook-loader
for dynamic story loading
- Lint: ESLint (Standard JS format)
- CI: Github Actions
- Clone this repo
yarn install
- If you're using an iOS emulator,
npx pod-install
- Create an
.env
file - Copy the contents of
.env.sample
yarn storybook
to start the Storybook Server (localhost:7007)yarn ios
oryarn android
to start Storybook in the emulator
NOTE: In order to boot up Storybook, it's necessary to set the environment variable LOAD_STORYBOOK
to true
(steps 4 and 5 above). Otherwise, it will boot up the default app created by React Native CLI.