1 00:00:02,270 --> 00:00:07,850 Para isso, vou criar um novo projeto novamente com expo, expo init e, em seguida, um nome de sua 2 00:00:07,880 --> 00:00:13,040 escolha e eu vou chamá-lo de rn-complete-guide, porque no final, este é um guia completo de React Native 3 00:00:13,040 --> 00:00:16,790 que você Cheguei aqui e vou começar com o modelo em branco aqui, 4 00:00:16,810 --> 00:00:22,700 para que a primeira opção no meu caso aqui. Em relação ao nome, eu vou nomear este guia, mas 5 00:00:22,700 --> 00:00:29,570 você pode escolher qualquer nome que quiser aqui, simplesmente aperte enter e eu vou com npm, não com fio e agora como na primeira seção 6 00:00:29,570 --> 00:00:33,390 do curso, isso criará um novo projetar e configurar um aplicativo Reagir Nativa lá. 7 00:00:33,410 --> 00:00:37,120 Então, vamos esperar que isso termine e com ele terminado, você 8 00:00:37,120 --> 00:00:44,040 pode seguir estas instruções, mas eu não farei isso aqui, ao invés disso eu estou de volta no Visual Studio Code, ainda 9 00:00:44,100 --> 00:00:49,020 com meu primeiro aplicativo da primeira seção aberta e eu abra o novo agora, aquele 10 00:00:49,030 --> 00:00:53,750 que acabamos de criar e aqui está o projeto aberto no Visual Studio Code. 11 00:00:53,760 --> 00:00:58,660 Eu andei por todos os arquivos e pastas principais que temos aqui no primeiro módulo do curso, 12 00:00:58,660 --> 00:00:59,770 então eu não 13 00:00:59,970 --> 00:01:05,820 vou repetir isso aqui e com isso aberto aqui no Visual Studio Code, eu vou agora realmente ir para o menu 14 00:01:05,820 --> 00:01:12,420 e então escolher terminal , novo terminal para abrir o terminal do sistema ou o prompt de comando do sistema, dependendo de qual 15 00:01:12,420 --> 00:01:15,270 sistema operacional você está trabalhando aqui no IDE, então esse 16 00:01:15,300 --> 00:01:21,660 é o seu prompt de comando normal, seu terminal normal apenas integrado ao IDE e já navegado para essa pasta do projeto 17 00:01:21,660 --> 00:01:26,220 , então você não precisa usar o cd para navegar em qualquer outro lugar e agora 18 00:01:26,290 --> 00:01:30,520 aqui eu vou rodar o npm start e isso vai fazer o mesmo como se 19 00:01:30,590 --> 00:01:37,230 eu tivesse rodado aqui, a diferença é agora eu sempre vejo erros ou alguma mensagem de log diretamente aqui no IDE que é 20 00:01:37,230 --> 00:01:38,630 mais conveniente para trabalhar. 21 00:01:38,700 --> 00:01:44,360 Ainda temos esse processo que você deve continuar executando para obter essas atualizações ao vivo quando salvar algo. 22 00:01:44,370 --> 00:01:50,130 Você vê os comandos que você pode digitar aqui ou os atalhos que você pode pressionar para iniciar 23 00:01:51,260 --> 00:01:59,030 seu aplicativo em emuladores e você também tem essa aba do navegador para cima e executando aqui para o seu aplicativo, as ferramentas expo dev. 24 00:01:59,030 --> 00:02:05,060 Agora eu tenho dois emuladores funcionando aqui, Android e iOS, você não precisa disso, claro, mas eu 25 00:02:05,060 --> 00:02:07,380 quero mostrar a você como este 26 00:02:07,440 --> 00:02:15,240 aplicativo roda em ambos e eu posso rodar este aplicativo no Android pressionando um aqui no terminal e Também posso executá-lo no iOS, 27 00:02:15,240 --> 00:02:18,180 pressionando eu e eu fiz os dois aqui. 28 00:02:18,180 --> 00:02:23,450 Alternativamente, poderíamos ter usado esses botões aqui nas ferramentas expo dev no navegador. 29 00:02:23,610 --> 00:02:29,430 Então agora isso está lançando o aplicativo aqui nesses dispositivos, no simulador Android e iOS, e 30 00:02:29,430 --> 00:02:32,420 voltarei quando terminar, pois o primeiro lançamento sempre 31 00:02:32,460 --> 00:02:39,830 demora um pouco mais, as reconstruções subsequentes, as recargas são muito mais rápidas, claro, e aqui, nós começamos aquele aplicativo 32 00:02:39,830 --> 00:02:41,560 inicial rodando nesses emuladores. 33 00:02:41,700 --> 00:02:47,960 Agora, caso isso pareça um pouco diferente para você, anexado você encontra meu projeto inicial exatamente da mesma maneira que 34 00:02:47,960 --> 00:02:51,170 eu tenho aqui para que você possa usar isso, substituir 35 00:02:51,170 --> 00:02:53,820 os arquivos em seu projeto pelo meu 36 00:02:53,990 --> 00:02:57,920 e então se você executar o npm start, obtenha este olhar aqui. 37 00:02:57,920 --> 00:03:02,030 Então este é o projeto inicial que vamos construir agora e vamos trabalhar agora.