https://github.com/dotmind/rn-app-sample-ts
React Native App TypeScript Bootstrap
https://github.com/dotmind/rn-app-sample-ts
Last synced: 2 months ago
JSON representation
React Native App TypeScript Bootstrap
- Host: GitHub
- URL: https://github.com/dotmind/rn-app-sample-ts
- Owner: dotmind
- Created: 2020-12-14T14:19:34.000Z (over 5 years ago)
- Default Branch: dev
- Last Pushed: 2020-12-15T10:14:21.000Z (over 5 years ago)
- Last Synced: 2025-12-25T22:41:08.718Z (6 months ago)
- Language: Ruby
- Size: 1.03 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# RN App Sample TS
> v1.0.1
## Integrations
* TypeScript
* React Navigation
* Babel Module Resolver
* [React Native Rename](https://www.npmjs.com/package/react-native-rename)
* [React Native Make](https://github.com/bamlab/react-native-make)
* Workflows CI/CD Github
* Fastlane iOS & Android
## Init project
1- Install node_modules
`yarn`
2- Install Pods (iOS)
`npx pod-install`
3- Set App Name with [React Native Rename](https://www.npmjs.com/package/react-native-rename)
`npm run rename newName`
4- Set App Icons assets with with [React Native Make](https://github.com/bamlab/react-native-make/blob/master/docs/set-icon.md)
> You can build a quick icon with [Android Asssets Studio](https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html#foreground.type=clipart&foreground.clipart=android&foreground.space.trim=1&foreground.space.pad=0.25&foreColor=rgba(96%2C%20125%2C%20139%2C%200)&backColor=rgb(68%2C%20138%2C%20255)&crop=0&backgroundShape=square&effects=none&name=ic_launcher)
`npm run set:icon -- --path "logo.png"`
5- Set App SplashScreen assets with with [React Native Make](https://github.com/bamlab/react-native-make/blob/master/docs/set-splash.md)
`npm run set:splashscreen -- --path "splashscreen-logo.png" --resize "center" --background "#E91E63"`
***Dont forget to delete & re-run your app to watch assets changes***
## Configure Github Workflows
### Release Workflow
> Please configure your Fastlane config before to start here.
1- Create Github CI/CD environment variables for iOS:
* MATCH_PASSWORD
* FASTLANE_USER
* FASTLANE_PASSWORD
* FASTLANE_APPLE_APPLICATION_SPECIFIC_PASSWORD
2- Create Github CI/CD environment variables for Android:
* ANDROID_KEYSTORE_FILE
* APP_RELEASE_KEY_ALIAS
* APP_RELEASE_KEY_PASSWORD
* APP_RELEASE_STORE_PASSWORD
### Auto Labeler Workflow (Need Review --> GTG)
Auto Label your PR approvals to GTG.
1- Create Github CI/CD environment variables:
* GITHUB_TOKEN
## Configure Fastlane
### Fastlane Slack Notifications
> Generate your Slack API Bot URL with [https://api.slack.com/messaging/webhooks](https://api.slack.com/messaging/webhooks)
Make this changes in `ios/fastlane/Fastfile` & `android/fastlane/Fastfile`:
1- **slack_url**
2- **channel**
### Fastlane iOS
1- Configure Appfile
* app_identifier
* apple_id
* itc_team_id
* team_id
2- Configure Matchfile
* git_url
* username
### Fastlane Android
Configure Appfile
* json_key_file
* package_name