Development Environment
Setup your development environment for React Native app development
Before you start, make sure your that your development environment is set up correctly.
Setup for iOS
Install Xcode
Open up the Mac App Store, search for Xcode, and click Install it (or update if you have it already).
If you are unable to update, it is because your operating system might be out of date. You may run into issues further down the line if your Xcode version is out of date. For example, you may not be able to submit your app to the App Store.
Install Xcode Command Line Tools
- Open Xcode.
- Choose Settings… from the Xcode menu (or press
cmd ⌘+,). - Go to the Locations tab.
- Install the tools by selecting the most recent version in the Command Line Tools dropdown.
Done
Congratulations! You have successfully set up your development environment for iOS.
Setup for Android
Install Android Studio
Download and install Android Studio from the official website.
Install Java JDK 17
- Open terminal.
- Run this command
brew install openjdk@17. - Then run this command
brew link --force --overwrite openjdk@17.
Android Studio's tools
Follow this tutorial to set up Android Studio’s tools: https://docs.expo.dev/workflow/android-studio-emulator/.
Done
Congratulations! You have successfully set up your development environment for Android.
Setup for VS Code
This step isn’t mandatory, but it will make a much better development experience.
Install extension
- Open VS Code.
- Go to the Extensions tab.
- Search for ES7+ React/Redux/React-Native snippets and click Install.
Done
Congratulations! You have successfully set up your development environment for VS Code.
Other tutorials
Set up Supabase
Set up user authentication with Supabase