React Native Expo App Setup

16 Questions

What is the first step in creating a new React Native Expo app?

Create a Nx Workspace and app

What is the purpose of the `expo-eas-config-editor` generator?

To generate eas.json file

What is the default value of the `dopplerProject` parameter if omitted?

mobile

What command is used to initialize the Expo project with the GitHub repository?

eas init --id

What is the purpose of the `eas init` command?

To connect the Expo project to the GitHub repository

What is the environment variable used to store the Doppler Personal token?

DOPPLER_TOKEN

What is the command used to run the Development build for iOS?

DOPPLER_TOKEN= yarn nx run :build-dev-client-ios

What is the name of the GitHub repository connected to the Expo project?

your-app-name

What is the purpose of using TestFlight and Google Play Internal Testing?

To manage builds for iOS and Android apps

What should you do when prompted with 'Generate a new Apple Provisioning Profile?'?

Select Y

What is the recommended action when prompted with 'Would you like to set up Push Notifications for your project?'?

Select No

What is the purpose of using GitHub Actions and shared GitHub Workflows?

To automate the deployment process

What should you do when prompted with 'Select the App Store Connect Api Key to use for your project'?

Select Choose an existing key

Why is it important to check the Team ID when selecting an App Store Connect Api Key?

To ensure it matches the appleTeamId in eas.json

What is the typical duration of the submission process?

30-60 seconds

What is the recommended action when prompted with 'Do you want to log in to your Apple account?'?

Select Y

Study Notes

Creating a New React Native Expo App

Create a new Nx Workspace containing a React Native Expo app
Set up Doppler by following the instructions
Set up Expo by creating a new project and noting the project ID

Expo Project Setup

Ensure you're invited to the utility-agency organization in Expo
Create a new project in Expo with the same display name as the DISPLAY_NAME in Doppler
Take note of the project ID output in the UI
Install eas-cli globally using npm install --global eas-cli
Run the expo-eas-config-editor generator using the Doppler Personal token
Set up the Expo project by running eas init with the project ID

Building Locally

Development Build

There are three targets for building an Expo Development Build: build-dev-client-ios, build-dev-client-android, and build-dev-client-ios-real-device
Run the build scripts by providing the Doppler Personal token
For iOS, run DOPPLER_TOKEN= yarn nx run :build-dev-client-ios
For Android, run DOPPLER_TOKEN= yarn nx run :build-dev-client-android and generate a new Android Keystore

Building and Deploying

Utility uses TestFlight and Google Play Internal Testing to manage its apps' builds
The deployment process is automated using GitHub Actions and shared GitHub Workflows for iOS and Android

First Deployment for a Given Environment

iOS

Follow the manual steps to build and deploy to TestFlight for the first time
Log in to the Apple Developer account associated with [email protected]
Sign in with the Utility Apple Developer account if necessary
Reuse the distribution certificate if possible
Generate a new Apple Provisioning Profile if prompted
Do not set up Push Notifications for the project
Wait for the build to complete successfully and set up the App Store Connect API key
Ensure the Team ID matches the appleTeamId in eas.json

Learn how to set up a new React Native Expo app with Nx Workspace, Doppler, and Expo project setup. Understand the step-by-step process of creating a project in Expo and installing eas-cli.

Make Your Own Quizzes and Flashcards

Convert your notes into interactive study material.