RNAppStarter

KO | EN

gitlite — search

#javascript #hacktoberfest #typescript #llm #golang #android #deep-learning #docker #cli #kubernetes #pytorch #ios #openai #open-source

(★ 10)

a react native boilerplate code that is simple enough to kickstart a project :p

RNAppStarter Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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
![Demo](http://g.recordit.co/8wer2dU89N.gif)

## 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 !

RNAppStarter

RNAppStarter Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

RNAppStarter

RNAppStarter Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README