https://github.com/dannyhw/expo-template-storybook

An expo template for react native storybook
https://github.com/dannyhw/expo-template-storybook

expo react-native-web storybook template

Last synced: 3 months ago
JSON representation

An expo template for react native storybook

• Host: GitHub
• URL: https://github.com/dannyhw/expo-template-storybook
• Owner: dannyhw
• Created: 2022-01-28T15:01:25.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2024-10-04T08:47:24.000Z (4 months ago)
• Last Synced: 2024-10-29T22:53:01.189Z (3 months ago)
• Topics: expo, react-native-web, storybook, template
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/expo-template-storybook
• Size: 2.73 MB
• Stars: 32
• Watchers: 3
• Forks: 7
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![picture of storybook](https://github.com/user-attachments/assets/cf98766d-8b90-44ab-b718-94ab16e63205)

# getting started

```sh

npx create-expo-app --template expo-template-storybook AwesomeStorybook

```

or

```sh

yarn create expo-app --template expo-template-storybook AwesomeStorybook

```

# app

```sh

yarn start

```

# Ondevice

In this template you can now run `yarn storybook` to start ondevice storybook or `yarn start` to start your expo app.

This works via env variables and expo constants.

```sh

# either

yarn storybook

# ios

yarn storybook:ios

# android

yarn storybook:android

```

If you add new stories on the native (ondevice version) you either need to have the watcher running or run the stories loader

To update the stories one time

```sh

yarn storybook-generate

```

# Web

Start react native web storybook:

```

yarn storybook:web

```

build react native web storybook:

```sh

yarn build-storybook

```