mibshara / react-native-redux-starter-kit

:rocket: A starter boilerplate for a mobile app using React Native and Redux

A Big Update Is Coming

A new version is on the horizon, and you can try it today !

react-native-redux-starter-kit

A starter boilerplate for a mobile app using React Native and Redux.

Requirements

• Node 4.x or newer
• React Native for development
• Xcode for iOS development
• Android Studio for Android development
• Android SDK 23.0.2 or newer for Android development
• Genymotion for Android emulation
• Android Lollipop or newer on your Android device to test properly

See Getting Started to install requirement tools.

Stack

• React Native 0.26.0 for building native apps using react
• Redux 3.5.x a predictable state container for Javascript apps
• Babel 6.x.x for ES6+ support
• Immutable Immutable persistent data collections for Javascript
• React Native Router Flux a router based on new React Native Navigation API
• Flow adds static typing to JavaScript to improve developer productivity and code quality.

Make the awesome

Just clone the repo and start :

$ git clone https://github.com/LeoLeBras/react-native-redux-starter-kit.git myAwesomeApp
$ cd myAwesomeApp
$ npm i                         # Install Node.js components listed in ./package.json

How to use ?

$ npm start                     # or: node_modules/react-native/packager/packager.sh

This will start a lightweight development server.

iOS:

Open App.xcodeproj in Xcode, build and run the project.

Android:

$ npm run android-setup-port    # adb reverse tcp:8081 tcp:8080

Start your emulator or connect your device.

Debugging

Access the in-app developer menu and select Debug in Chrome.

Run Reactotron

$ npm run reactotron

See the Reacotron docs for more features.

Create a release build

• Navigate to Product > Scheme > Edit Scheme... in Xcode and change Build Configuration to Release.
• Run in terminal :

iOS:

$ npm run build-ios

Android:

$ npm run build-android

• Open ios/Wino/AppDelegate.m, comment line 34 and uncomment line 44.
• Press "Build and run" and 💥 !

Issues

If you run into any issues please see the Getting Started guide for React Native before submitting an issue.