React Native Setup on macOS

We are going to setup a new macOS computer to run React Native and simulate an iOS and Android device on your mac.

Initial Setup

First install Homebrew — follow the directions on the Homebrew homepage as the script gets updated from time to time. Once the Homebrew installation has finished check that there are no existing configuration issues

If there are no Homebrew issues, move onto the next step. If you do have any issues (brew usually tells you if an issue is insignificant) it’s best to sort those out first before moving on.

Install node

Install additional React Native requirements

Make sure everything is up to date

Next create a new React Native project

Go into the myapp directory

1. Running Your App on an iOS Simulator

First install Xcode via the Mac App Store. This step will take a while. Next, emulate your app in the iOS Simulator. Warning: This will take a while on its first run.

You should now either be

  1. In your new app. Success! or
  2. You are at the iOS homescreen. If you can see the homescreen, you may be able to see an icon and label for your app, or you may need to click and drag left to get to the next screen. Then your app should appear. Double click on your app to enter. Success!

If you encountered any errors, check the problems section towards the bottom of this document.

Leave a Reply

Your email address will not be published. Required fields are marked *