React Native Boilerplate

A lightweight react native boilerplate to get you up an running in no time.

Brought to you by Prototype @wizards.

What's needed

• Node.js
• React & React Native

What's included

• PropTypes
• Redux with redux-thunk and redux-persist
• React native router flux
• Immutability helper
• React native SVG
• react-devtools

Start

• Install node, watchman, and react-native-cli by following this guide
• Install Cocaopods:

$ sudo gem install cocoapods -n /usr/local/bin

• Run the following:

$ npm i
$ react-native link

How to start your own project

• Delete both ios and android folder. At this stage, those contains nothing that is not autogenerated.
• Change your app name in app.json, package.json, and app/index.js
• Run react-native upgrade. This will generate the native folders again.
• Run npm run react-devtools to open standalone react-devtools app

Develop

iOS

Run command to open iOS simulator and run app:

$ npm run ios

Or open ios/RNBoilerplate.xcodeproj file with XCode:

$ npm run ios-open

Android (5.0+)

Open Android emulator and run:

$ npm run android

Test

Test suit is using jest, to run the tests use:

$ npm test

Release

Releases are done via fastlane to avoid having to wait 15 minutes to open either xcode or android studio.

• First start by installing fastlane.
• Then make sure you set iOS and Android profiles and keys following this tutorial

In the boilerplate, only beta release are configured

• For android, run fastlane android beta
• For ios, run fastlane ios beta