Skip to content

React Native Bitrise CI/CD sample: with StoryBook integration

Notifications You must be signed in to change notification settings

pjay79/ReactNativeBitrise

Repository files navigation

ReactNativeBitrise

React Native Bitrise CI/CD sample with Storybook

Bitrise Workflows

Primary

primary

iOS

ios

Android

android

Secondary

secondary

Screenshots

iOS

simulator screen shot - iphone x - 2019-02-02 at 13 42 56 simulator screen shot - iphone x - 2019-02-01 at 22 46 44 simulator screen shot - iphone x - 2019-02-01 at 22 46 37 simulator screen shot - iphone x - 2019-02-01 at 22 47 00

Technology stack:

  • react
  • react-native
  • react-native-config
  • storybook

Installation

React Native setup:

Install Node.js:

https://nodejs.org/en/download/

brew install watchman
npm install -g react-native-cli

Project setup:

Clone the repo:
git clone https://github.com/pjay79/ReactNativeBitrise.git

Change to the project folder:
cd ReactNativeBitrise

Add dependencies:
yarn

Add .env in project root folder:
IS_STORYBOOK=false

Add .env.storybook in project root folder:
IS_STORYBOOK=true

Launch

Run on ios:
react-native run-ios

Run on android:
react-native run-android

Storybook UI ios
yarn run storybook:ios

Storybook UI android
yarn run storybook:android