Configurando ambiente de desenvolvimento React Native com Expo no Linux

O que é Expo ?

O Expo (GitHub) é um framework open-source e uma plataforma para aplicativos React universais. É um conjunto de ferramentas e serviços criados em torno de plataformas React Native e nativas para ajudar desde o desenvolvimento até atualizações Over The Air (OTA) e a geração do .apk, .aab e .ipa para que você possa colocar seu app nas lojas Play Store e App Store.

O Expo permite o desenvolvimento de aplicativos iOS, Android e web a partir da mesma base de código JavaScript / TypeScript.

O objetivo deste post é explicar os procedimentos de configuração do ambiente de desenvolvimento React Native no Linux (qualquer distro) e criar o primeiro aplicativo "HelloWorld-Expo".

Pré-requisitos:

• Ter o Node.js 12 ou superior.
• Instalar o aplicativo Expo no seu smartphone para a leitura do QRCODE.
• O editor de código pode ser qualquer um de sua escolha, eu uso o VSCode.

Instalando o Node.js via NVM

Segue as instruções Instalando o Node.js no Linux (qualquer distro)

Instalar a lib "expo-cli" via NPM

$ npm install -g expo-cli

Criando a primeira aplicação React Native com Expo

$ expo init HelloWorld-Expo

Escolha a opção blank

Aguarde a construção da estrutura base do aplicativo e acesse o diretório definido

$ cd HelloWorld-Expo

Iniciar o servidor de desenvolvimento do React Native Expo

$ npm start

Irá abrir uma nova aba do Google Chrome ou outro browser que definiu como padrão, a página do Expo com o QRCODE, conforme o screenshot abaixo.

Abre o aplicativo Expo que instalou no seu smartphone e faça a leitura do QRCODE, após isso irá executar o build do aplicativo no smartphone.

Após concluir, conforme o screenshot. Edite o arquivo App.js no editor de sua preferência, após editar a linha 8 e salvar, irá fazer o hot-reload no emulador, que poderá ver o resultado na hora.

Feito!