React Native Expo App Setup

Podcast Beta

Play an AI-generated podcast conversation about this lesson

Questions and Answers

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

Install eas-cli globally

Create a Nx Workspace and app (correct)

Setup Doppler

Setup Expo

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

To install eas-cli globally

To generate eas.json file (correct)

To create a new Expo project

To setup Doppler

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

mobile (correct)

stg

prod

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

eas init --id Signup and view all the answers

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

To connect the Expo project to the GitHub repository Signup and view all the answers

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

DOPPLER_TOKEN Signup and view all the answers

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

DOPPLER_TOKEN= yarn nx run :build-dev-client-ios Signup and view all the answers

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

your-app-name Signup and view all the answers

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

To manage builds for iOS and Android apps Signup and view all the answers

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

Select Y Signup and view all the answers

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

Select No Signup and view all the answers

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

To automate the deployment process Signup and view all the answers

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

Select Choose an existing key Signup and view all the answers

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 Signup and view all the answers

What is the typical duration of the submission process?

30-60 seconds Signup and view all the answers

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

Select Y Signup and view all the answers

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

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Description

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.