# React Native Storybook

With React Native Storybook you can design and develop individual React Native components without running your app.

![React Storybook Screenshot](docs/assets/readme/screenshot.png)

## Getting Started

The `getstorybook` tool can be used to add Storybook to your React Native app. Install the `getstorybook` tool if necessary and run it from your project directory with these commands:

```shell
npm -g i getstorybook
getstorybook
```

## Start the Storybook

After initial setup start the storybook server with the storybook npm script.

```shell
npm run storybook
```

also start your mobile app with the `react-native` command.

```
react-native run-ios
react-native run-android
```

Now, you can open <http://localhost:9001> to view your storybook.

## Learn More

Check the `docs` directory in this repo for more advanced setup guides and other info.

# React Native Storybook

With React Native Storybook you can design and develop individual React Native components without running your app.

![React Storybook Screenshot](docs/assets/readme/screenshot.png)

## Getting Started

The `getstorybook` tool can be used to add Storybook to your React Native app. Install the `getstorybook` tool if necessary and run it from your project directory with these commands:

```shell
npm -g i getstorybook
getstorybook
```

## Start the Storybook

After initial setup start the storybook server with the storybook npm script.

```shell
npm run storybook
```

also start your mobile app with the `react-native` command.

```
react-native run-ios
react-native run-android
```

Now, you can open <http://localhost:7007> to view your storybook.

## Learn More

Check the `docs` directory in this repo for more advanced setup guides and other info.

Update port number in README
Update port number in README