Resumo do Processo de Desenvolvimento com Expo e React Native

Depois de ter executado NPM Start para rodar o servidor de desenvolvimento do React Native, agora só basta a gente instalar o aplicativo do Exo para poder linkar o código do nosso computador para o aplicativo que vai rodar no próprio dispositivo. Então, vamos lá? Eu tenho aqui um dispositivo que roda Android e um dispositivo que roda iOS. A gente vai lá, no caso do Android, por exemplo, vai na Google Play, na Play Store e você vai buscar pelo aplicativo chamado Expo. Você vai instalar esse aplicativo chamado Expo, certo? No caso do iOS, é a mesma coisa, buscamos Expo e instala o aplicativo. Depois de instalar o Expo, nós vamos lá e rodar o Expo, certo? Então, deixa eu abrir o Expo aqui no meu dispositivo, Android, vai dar lá o Expo. O que a gente vai fazer? A gente vai scanhar aquele código QR do terminal, certo? Então, vamos lá? Deixa eu me movimentar aqui para o computador. Vou pegar o dispositivo, estou aqui na frente, pelo computador o código QR, certo? Rodando aqui no Ubuntu. Eu vou clicar aqui no scan QR code no Expo e vou rodar lá para a escraninha. Opa! Acho que a minha câmera não está... Estou na ano, não... Aí, pronto. Abriu aqui o Expo no meu dispositivo, a câmera vai scanhar o código QR, certo? Então, scanhei. Depois de ter scanhado o código QR, ele vai conectar esse cara aqui no um... o servidor de desenvolvimento que está rodando o seu computador. Note que esse dispositivo aqui móvel está conectado ao mesmo Wi-Fi que o computador aqui, certo? Na mesma rede de Wi-Fi. Por isso, pode acessar do dispositivo para esse cara aqui. Então, a gente scaneia o código QR com o aplicativo do Expo. Aí, ele vai linkar o seu aplicativo lá, o seu código, para rodar no seu dispositivo. Note que aqui o aplicativo já está rodando. Agora, vamos modificar o código ali e ver o que acontece. Então, vou aqui no projeto e vou modificar esse arquivo chamado app.js. É o ponto de partido do aplicativo móvel. E vou para lá e vou mudar o texto aqui só para você ver. E vou mudar aqui. Estou aprendendo a desenvolver aplicativos móveis com React Native, dentro aqui do retorno da função render. Então, a gente espera que depois de salvar isso, ele vai dar um auto reload. E você note que já mudou aqui, já atualizou automaticamente no dispositivo. Apareceu a nova mensagem. Estou aprendendo a desenvolver aplicativos móveis com o React Native. Certo? Então, ele atualiza automaticamente a maneira que você modifica o código fonte aqui no computador. As mudanças lá do computador são refletidas no próprio dispositivo usando o Expo. Certo? Se você quiser abrir o menu de desenvolvimento aqui no dispositivo, você pode dar um chacoalhar assim. E ele abrir aqui as opções. Pode debugar JS Remotely no navegador. Pode desabilitar o Live Reload. Isso que a gente está usando para poder atualizar automaticamente. Tem o hot reload e tem inspector e outras coisas. Certo? Pode até dar o reload aqui, manualmente. Então, esse é como se rodar o aplicativo móvel usando o Expo no próprio dispositivo. Recapitulando, a gente rodou o NPM Start aqui. Depois de dar o NPM install, a gente deu o NPM Start para rodar o servidor de desenvolvimento do React Native. Ele dá esse código QR que você pode usar depois de ter instalado o aplicativo do Expo no seu dispositivo móvel. Você escaneia esse código QR para poder linkar o código fonte aqui, o bundle JavaScript, para ser enviado aqui para o seu dispositivo e ser rodado aqui com o aplicativo. Com a maneira que você muda o código fonte aqui no computador, vai refletir as mudanças no próprio dispositivo. Certo? Então é isso, usando o Expo. Então, até mais. Tchau!