A starter boilerplate for a mobile app using React Native and Mobx.
This boilerplate was create from react-native-redux-starter-kit
- 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.
- React Native for building native apps using react
- Mobx simple, scalable state management
- Babel for ES6+ support
- React Native Router Flux a router based on new React Native Navigation API
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
$ npm start # or: node_modules/react-native/packager/packager.sh
This will start a lightweight development server.
Open App.xcodeproj
in Xcode, build and run the project.
$ react-native start
$ react-native run-android # adb reverse tcp:8081 tcp:8080
Start your emulator or connect your device.
Access the in-app developer menu and select Debug in Chrome
.
$ npm run log # adb shell "logcat | grep 'ReactNativeJS'"
$ npm run log:full # adb logcat
$ npm run reactotron
See the Reacotron docs for more features.
- Navigate to Product > Scheme > Edit Scheme... in Xcode and change Build Configuration to Release.
- Run in terminal :
$ npm run build-ios
$ npm run build-android
- Open ios/Wino/AppDelegate.m, comment line 34 and uncomment line 44.
- Press "Build and run" and 💥 !
If you run into any issues please see the Getting Started guide for React Native before submitting an issue.
Big thanks LeoLeBras for the original react-native + redux boilerplate