Skip to main content

React Native Dev Setup

· 2 min read
Ryukato
Ryukato
BackEnd Software Developer

Setup​

Android setup​

Rosetta for M1​

If you are using M1(2 or 3), then please run below

sudo softwareupdate --install-rosetta --agree-to-license

Android studio​

Flutter Install & setup​

Note

I know this is all about react-native dev setup but we’d better install flutter to setup each platform such as android and iOS using flutter. Because it helps us do that in easy. So please install flutter first

  • Install

    • brew install --cask flutter

  • Install Android SDK Command-line Tools (latest)

  • agree on android-license

    • flutter doctor --android-licenses

  • set ANDROID_HOME to path

    • open .zshrc or .bash_profile and copy below scripts and paste it to the file.
    • # android
      export ANDROID_HOME=~/Library/Android/sdk
      export PATH="$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/tools/bin:$ANDROID_HOME/platform-tools"

iOS​

cocoa pods​

  • Install

    • sudo gem install drb -v 2.0.6
      sudo gem install activesupport -v 6.1.7.7
      gem install cocoapods --user-install
      gem which cocoapods

      # check the result
      ~/.gem/ruby/2.6.0/gems/cocoapods-1.15.2/lib/cocoapods.rb

Xcode​

  • Install
    • Go to AppStore
    • Run Xcode
    • Run beloe
    • sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
      sudo xcodebuild -runFirstLaunch
  • Create a simulator
    • Open Simulator
      • Go to Xcode
      • Select Open Developer Tool and select Simulator

Note

How to get iOS for a simulator

  • Open Xcode
  • Go to Xcode and select Settings
  • Move to Platoforms tab
  • Get a version for each platform

Other tools​

watchman​

  • Install 
    • brew install watchman

VS-Code for React-native​

Extensions​