1 00:00:02,240 --> 00:00:05,200 Então agora que temos uma ideia do que 2 00:00:05,390 --> 00:00:11,330 o React Native é, podemos começar com o React Native e eu diria que vamos começar construindo nosso primeiro 3 00:00:11,330 --> 00:00:15,530 pequeno aplicativo React Native ou colocando nosso primeiro aplicativo React Native em funcionamento. 4 00:00:15,620 --> 00:00:20,750 Então, queremos criar um novo aplicativo React Native e, na verdade, temos duas opções para isso. 5 00:00:21,750 --> 00:00:27,690 Se você procurar por React Native, você encontrará a página oficial e a página oficial se 6 00:00:27,690 --> 00:00:31,520 clicar em Iniciar, na verdade, você tem duas opções aqui. 7 00:00:31,560 --> 00:00:36,630 Você tem o início rápido do Expo CLI e o início rápido do React Native CLI. 8 00:00:36,630 --> 00:00:43,080 Agora, qual é a diferença e qual abordagem você deve usar e por que e o que vamos usar neste curso? 9 00:00:44,400 --> 00:00:51,180 Assim, podemos usar o Expo CLI, a ferramenta de expo para gerar e gerenciar nosso aplicativo React Native ou usamos 10 00:00:51,180 --> 00:00:52,870 o React Native CLI. 11 00:00:53,010 --> 00:00:58,260 Agora, se você tiver essa opção, provavelmente escolherá a React Native CLI, porque deseja 12 00:00:58,260 --> 00:01:00,810 criar um aplicativo React Native, certo? 13 00:01:00,870 --> 00:01:03,020 Bem, vamos dar uma olhada no que é expo. 14 00:01:03,090 --> 00:01:06,150 É um serviço de terceiros totalmente gratuito, você não 15 00:01:06,150 --> 00:01:11,430 precisa se inscrever para começar e não precisa pagar para criar um aplicativo que possa ser 16 00:01:11,430 --> 00:01:12,150 publicado 17 00:01:12,180 --> 00:01:18,580 na App Store, por isso é realmente gratuito usar. O que a expo oferece é uma espécie de fluxo de trabalho de desenvolvimento de aplicativo gerenciado. 18 00:01:18,630 --> 00:01:24,840 É preciso muito da sua complexidade porque construir aplicativos React Native pode ser muito complexo, especialmente quando 19 00:01:24,840 --> 00:01:31,410 se trata de integrar certos recursos nativos do dispositivo, como acessar a câmera e a exposição. Isso lhe 20 00:01:31,410 --> 00:01:33,070 dá muita conveniência, faz 21 00:01:33,090 --> 00:01:37,920 o desenvolvimento do React Aplicativos nativos uma brisa e muito mais fácil. 22 00:01:37,920 --> 00:01:44,820 A desvantagem é que você está limitado ao ecossistema da expo porque a expo no final é como um wrapper 23 00:01:44,820 --> 00:01:52,110 que você poderia dizer em seu aplicativo, uma fina camada extra entre seu aplicativo e a experiência nativa do React Native e 24 00:01:52,680 --> 00:01:57,810 ainda terá um aplicativo nativo No final, e você ainda usa o React Native, tudo 25 00:01:57,810 --> 00:02:04,530 isso está acontecendo, mas o Expo abstrai parte da complexidade, o que também significa que remove um pouco do controle 26 00:02:04,530 --> 00:02:11,450 que você normalmente teria se criasse um aplicativo RAW React Native porque, se nós olhamos para aquele outro fluxo de trabalho, 27 00:02:11,450 --> 00:02:17,390 o React Native CLI, que no final é gerenciado pela equipe React Native ou partes da comunidade 28 00:02:17,420 --> 00:02:19,580 React Native e lá você tem 29 00:02:19,640 --> 00:02:25,670 uma configuração de desenvolvimento barebone, o que significa que você tem um aplicativo nativo, você precisa Para instalar 30 00:02:25,700 --> 00:02:32,420 o Android Studio, você precisa instalar o Xcode para criar esse aplicativo e precisa configurar e gerenciar muito por conta 31 00:02:32,420 --> 00:02:33,190 própria. 32 00:02:33,290 --> 00:02:38,990 Assim que você começar a adicionar certos recursos nativos do dispositivo, digamos assim que você quiser usar a 33 00:02:38,990 --> 00:02:44,540 câmera do dispositivo, você terá que trazer pacotes de terceiros onde o processo de configuração pode ser 34 00:02:44,540 --> 00:02:47,600 bastante complexo e, portanto, isso pode ser mais pesado. 35 00:02:47,600 --> 00:02:53,570 Você não tem praticamente nenhuma conveniência ou recursos de utilidade para explorar, mas é claro, a vantagem seria que 36 00:02:53,570 --> 00:03:00,050 você tem controle total, você pode controlar cada pedacinho, você pode facilmente escrever seu próprio código Android e iOS nativo 37 00:03:00,080 --> 00:03:03,210 e conectar isso ao seu Javascript código, isso não 38 00:03:03,230 --> 00:03:05,390 é realmente possível com a expo. 39 00:03:05,600 --> 00:03:10,340 Então, se você é um desenvolvedor super avançado e já sabe que estará 40 00:03:10,370 --> 00:03:17,270 construindo um aplicativo muito complexo, no qual precisa fazer muitas alternativas manuais, muita configuração refinada, então você definitivamente quer a 41 00:03:17,360 --> 00:03:20,150 experiência completa dos esqueletos à direita . 42 00:03:20,240 --> 00:03:25,820 Se você está começando ou se está criando um aplicativo normal, o Expo CLI provavelmente dará tudo 43 00:03:25,820 --> 00:03:27,020 o que você 44 00:03:27,050 --> 00:03:32,060 precisa, ele fornece wrappers para os recursos de dispositivos nativos mais comuns que você precisa, como 45 00:03:32,060 --> 00:03:32,870 usar a 46 00:03:32,870 --> 00:03:35,330 câmera, como usar mapas , isso é 47 00:03:35,330 --> 00:03:42,740 tudo super simples e se você chegar a um ponto em que descobre que preciso de mais controle, então você sempre pode alternar 48 00:03:42,800 --> 00:03:45,620 do fluxo de trabalho da expo para o fluxo 49 00:03:45,620 --> 00:03:52,160 de trabalho nativo, pode ejetar e ter a flexibilidade total. Portanto, nada fala contra começar com a expo, você sempre 50 00:03:52,160 --> 00:03:56,840 pode mudar para a outra experiência se você precisar e nós vamos usar expo neste curso 51 00:03:56,840 --> 00:04:02,030 porque é mais simples, porque dá tudo que você precisa para a maioria dos aplicativos, porque é muito 52 00:04:02,030 --> 00:04:05,370 mais conveniente para trabalhar com ele e porque você sempre pode alternar. 53 00:04:05,510 --> 00:04:11,750 Agora, mais tarde, no curso, eu também lhe darei uma introdução ao fluxo de trabalho mais bareboneado e o que isso significaria para você, 54 00:04:11,840 --> 00:04:17,850 mas para a maior parte do curso, trabalharemos com a expo. Nos bastidores, esta ferramenta de expo funciona de 55 00:04:17,850 --> 00:04:24,390 tal forma que você tem seu dispositivo nativo ou seu simulador, para que seu iPhone ou seu telefone Android 56 00:04:24,390 --> 00:04:27,740 e você tenha seu aplicativo, seu aplicativo React Native você 57 00:04:27,750 --> 00:04:28,700 estará escrevendo, 58 00:04:28,710 --> 00:04:35,310 então seu código Javascript onde você escreve Reagir aplicativo nativo. Agora, no seu dispositivo nativo ou no simulador, 59 00:04:35,550 --> 00:04:42,030 você instalará um aplicativo extra da App Store, o aplicativo cliente expo e faremos isso juntos 60 00:04:42,030 --> 00:04:43,830 na próxima palestra. 61 00:04:43,830 --> 00:04:50,340 Agora seu aplicativo pode ser carregado no aplicativo cliente, que é esse wrapper extra para vê-lo lá, para executá-lo 62 00:04:50,340 --> 00:04:51,500 lá, testá-lo lá 63 00:04:51,510 --> 00:04:54,180 e isso é ótimo para o desenvolvimento. 64 00:04:54,180 --> 00:05:02,070 Você também pode publicar seu aplicativo como aplicativo expo para que outras pessoas que tenham o cliente expo instalado possam executar seu aplicativo com facilidade, elas nem 65 00:05:02,130 --> 00:05:03,500 precisam instalá-lo na Google 66 00:05:03,510 --> 00:05:07,550 Play Store ou na Apple App Store, mas é claro que normalmente você 67 00:05:07,740 --> 00:05:12,870 quer para criar um aplicativo que você possa publicar nessas lojas de aplicativos e sem preocupações, isso 68 00:05:12,990 --> 00:05:14,880 também é possível com a expo. 69 00:05:15,120 --> 00:05:20,190 Esse aplicativo cliente extra que você tem, que envolve seu aplicativo, é ótimo para o 70 00:05:20,190 --> 00:05:21,800 desenvolvimento, pois acelera todo 71 00:05:22,080 --> 00:05:28,350 o fluxo de trabalho de desenvolvimento, mas se você quiser um aplicativo independente, um aplicativo que não depende 72 00:05:28,350 --> 00:05:36,260 do cliente expo, usuários provavelmente não terão instalado, bem, em seguida, expo também permite que você crie e publique aplicativos independentes, para que os 73 00:05:36,330 --> 00:05:43,350 aplicativos que não dependem do cliente expo a ser instalado. Assim, portanto, com a expo, você pode criar normalmente 74 00:05:43,350 --> 00:05:49,950 aplicativos que são distribuídos para as lojas normais de aplicativos autônomas onde seus usuários não precisam de nenhum 75 00:05:49,950 --> 00:05:55,390 aplicativo especial instalado, mas você tem essa conveniência extra durante o desenvolvimento que é 76 00:05:55,440 --> 00:06:02,040 excelente e como eu mencionei antes. precisa, você sempre pode alternar ou ejetar como é chamado para o 77 00:06:02,040 --> 00:06:04,020 fluxo de desenvolvimento não-expo também.