RN App Sample TS

v1.0.1

Integrations

• TypeScript
• React Navigation
• Babel Module Resolver
• React Native Rename
• 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

npm run rename newName

4- Set App Icons assets with with React Native Make

You can build a quick icon with Android Asssets Studio

npm run set:icon -- --path "logo.png"

5- Set App SplashScreen assets with with React Native Make

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

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