RNStorybook

A sample React Native project which uses Storybook.

You can read the full tutorial at: https://pusher.com/tutorials/storybook-react-native

Note: the React Native code in this repo may be a little bit outdated and won't run immediately after you've followed the setup instructions. Be sure to refactor the code to use the more recent React Native syntax if it doesn't run for you.

Prerequisites

• React Native development environment
• Storybook CLI

Getting Started

1. Clone the repo:

git clone https://github.com/anchetaWern/RNStorybook.git

2. Install the dependencies:

cd RNStorybook
yarn install
react-native eject

3. Run the app:

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

4. Terminate React Native metro bundler

5. Run Storybook bundler:

yarn storybook

6. Run tests:

yarn test

Built With

• React Native
• Storybook
• Jest
• React Native Storybook Loader
• React Native Vector Icons
• Redux
• Storyshots
• Jest Static Stubs

Donation

If this project helped you reduce time to develop, please consider buying me a cup of coffee :)

<a href="https://www.buymeacoffee.com/wernancheta" target="_blank"><img src="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png" alt="Buy Me A Coffee" style="height: 41px !important;width: 174px !important;box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;" ></a>