Configurando ambiente MacOS

# Instalando Homebrew

O Homebrew é um gerenciador de pacotes para OS X muito famoso e útil. Vamos instalá-lo em nosso sistema como seguinte comando:

/bin/bash -c $(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)

Instalando Node, Yarn 1 e Watchman

Com o Homebrew instalado, vamos instalar o NodeJS e o Watchman, no seu terminal:

brew install node
brew install yarn
brew install watchman

Após a instalação, verifique se ela foi realizada com sucesso com os comandos (execute um de cada vez):

node -v
npm -v
yarn -v

CocoaPods

CocoaPods é um gerenciador de dependências que precisaremos instalar para que nossos projetos React Native funcionem corretamente. Execute o seguinte comando no seu terminal:

sudo gem install cocoapods

Xcode

Xcode é uma ferramenta gratuita desenvolvida pela Apple e essencial nos projetos React Native para iOS, visto que é a partir dela que temos acesso a SDKs e Simuladores de diversos dispositivos Apple.

Para baixar, basta acessar a Mac App Store, buscar por Xcode e clicar no botão de Download.

Também é possível baixar por esse link https://developer.apple.com/xcode/

Executando app no Simulador

Com o Xcode instalado, basta executar o seguinte comando na pasta de um projeto React Native:

** Crie um aplicativo npx @react-native-community/cli@latest init meuapp e depois de criar entre na pasta do seu projeto:

digite: cd meuApp para acessar a pasta do projeto criado e agora o comando para rodar seu App:

npm run ios

# Instalando MacOS para rodar Android

Vamos instalar o JAVA 17, abra o terminal e rode:

brew install –cask zulu@17

Após instalar vamos colocar a variável JAVA_HOME para o Android, rode no terminal:

export JAVA_HOME=/Library/Java/JavaVirtualMachines/zulu-17.jdk/Contents/Home

# Android Studio

  • Agora você já pode rodar seu projeto com Android, (primeiro abra e deixe seu emulador funcionando)
  • Agora pode rodar seu projeto:

npm run android

@sujeitoprogramador