RNAppStarter

This is a starter app for React Native with some boilerplate code :p

• Redux integration (You can add actions, reducers straigt away!)
• Redux Saga Integration (You can add new saga straight away!)
• Redux Persist (Just add new reducer to the persist folder & it will automatically rehydrate that reducer)
• React Navigation (Contains basic auth logic for navigation between screen)
• Redux Logger (See you action and states for every action dispatched!)
• Packages included:

    "axios": "^0.18.0",
    "prop-types": "^15.6.2",
    "qs": "^6.6.0",
    "react": "16.6.3",
    "react-native": "0.57.8",
    "react-native-config": "^0.11.7",
    "react-native-vector-icons": "^6.1.0",
    "react-navigation": "^3.0.9",
    "react-redux": "^6.0.0",
    "redux": "^4.0.1",
    "redux-form": "^8.1.0",
    "redux-logger": "^3.0.6",
    "redux-persist": "^5.10.0",
    "redux-saga": "^0.16.2"

Yo, Demo

Clone

git clone https://github.com/kyaroru/RNAppStarter
cd RNAppStarter
npm install

Start

npm start
ios > open RNAppStarter.xcodeproj
android > open Android Studio
run

---

To rename the app to your desired name (Cannot be UNDONE!)

1. Remove the android & ios folder
2. Open app.json and change the following to new app name

{
  "name": "RNAppStarter",
  "displayName": "RNAppStarter"
}

3. At RNAppStarter folder, run the following command

react-native eject

4. It will regenerate new android & ios folder with corresponding name + app identifier (eg. com.rnappstarter)
5. Run the following command (important! to link the related packages to native platform)

react-native link

For Android (Additional Setup only if rename the app)

• Copy the following to android/app/build.gradle (with /app).
• Put it after apply plugin: "com.android.application"
• This is to cater for different environments

project.ext.envConfigFiles = [
    debug: "environments/.env.development",
    release: "environments/.env.production",
]

apply from: project(':react-native-config').projectDir.getPath() + "/dotenv.gradle"

• Open 'android/app/build.gradle'
• Change all compile to implementation (compile is deprecated :p)

dependencies {
    implementation project(':react-native-gesture-handler')
    implementation project(':react-native-vector-icons')
    implementation project(':react-native-config')
    implementation fileTree(dir: "libs", include: ["*.jar"])
    implementation "com.android.support:appcompat-v7:${rootProject.ext.supportLibVersion}"
    implementation "com.facebook.react:react-native:+"  // From node_modules
}

For iOS (Additional Setup only if rename the app)

• Open [app-name].xcodeproj under ios/ folder
• Click on the Edit Scheme
• Build > Pre-Action > Add New Run Script Action
• Copy the following into the text area

echo "./environments/.env.development" > /tmp/envfile

• Then press Duplicate Scheme
• Rename the new scheme name to 'App Name (Production)'
• Edit Scheme for the production
• Build > Pre-Action > Add New Run Script Action
• Press Manage Schemes > Tick "Shared" for your new scheme (else it will be ignored by Git)

echo "./environments/.env.production" > /tmp/envfile

• Yo, you are good to go !