1
00:00:02,180 --> 00:00:06,790
Então, você aprendeu como usar a React Native CLI para criar projetos React Native.

2
00:00:12,260 --> 00:00:19,880
São projetos que não têm conexão com a expo e, portanto, são totalmente gerenciados por você e portanto, você pode adicionar qualquer pacote de terceiros, incluindo alguns pacotes expo

3
00:00:19,940 --> 00:00:21,710
que estão disponíveis fora do fluxo

4
00:00:22,160 --> 00:00:23,980
de trabalho gerenciado, mas você precisa configurar

5
00:00:24,020 --> 00:00:28,850
tudo sozinho, isso pode ser fácil dependendo do pacote que você está usando, mas também pode ser mais difícil.

6
00:00:28,850 --> 00:00:34,150
Agora, existe um meio termo entre o fluxo de trabalho gerenciado da expo e o puro,

7
00:00:34,160 --> 00:00:40,120
você precisa fazer tudo sozinho, o fluxo de trabalho, e esse é o fluxo de trabalho vazio da expo.

8
00:00:40,130 --> 00:00:42,820
Agora, qual é o fluxo de trabalho vazio aqui?

9
00:00:42,980 --> 00:00:49,880
O fluxo de trabalho simples inclui um aplicativo React Native como você criaria com a CLI do React Native, portanto, não

10
00:00:49,890 --> 00:00:58,040
um aplicativo gerenciado com expo como um wrapper, mas um aplicativo nativo, que, no entanto, já está pré-configurado para suportar muitos pacotes de expo,

11
00:00:58,310 --> 00:01:01,470
mas não todos a equipe da expo está

12
00:01:01,490 --> 00:01:06,770
trabalhando para tornar cada vez mais disponível fora do fluxo de trabalho gerenciado, mas muitos

13
00:01:07,190 --> 00:01:12,560
deles já estão incluídos e você pode verificar a página de APIs suportadas aqui para ter

14
00:01:12,560 --> 00:01:17,230
uma idéia de quais recursos também podem ser usados no fluxo de trabalho simples.

15
00:01:17,240 --> 00:01:23,150
A idéia por trás do fluxo de trabalho básico é que você tenha essa experiência nativa de

16
00:01:23,150 --> 00:01:30,140
desenvolvimento nativa, na qual precisará usar o Android Studio e o Xcode, para que não tenha a CLI expo e

17
00:01:30,140 --> 00:01:33,610
o cliente expo ajudando-o, portanto, faça isso manualmente com o

18
00:01:34,040 --> 00:01:38,420
ajuda da CLI do React Native, mas onde adicionar funcionalidades nativas é

19
00:01:38,450 --> 00:01:44,390
mais fácil, talvez seja necessário fazer menos configurações, onde você pode usar esses pacotes nativos poderosos que

20
00:01:44,420 --> 00:01:50,700
o expo oferece onde você pode usar tudo isso sem ter as limitações que o expo fornece ,

21
00:01:50,750 --> 00:01:56,480
embora eu queira colocar limitações entre aspas, porque na verdade você não tem muitas limitações no fluxo

22
00:01:56,480 --> 00:01:57,900
de trabalho gerenciado.

23
00:01:58,100 --> 00:02:03,530
Então, deixe-me mostrar como começar com esse fluxo de trabalho simples e, é claro, para isso, você também pode

24
00:02:03,530 --> 00:02:06,250
verificar os documentos oficiais. Aqui você precisa

25
00:02:06,290 --> 00:02:11,750
ter a CLI expo instalada e nós a instalamos no início do curso

26
00:02:11,750 --> 00:02:13,830
para criar nosso projeto gerenciado,

27
00:02:14,030 --> 00:02:20,810
além de ter a CLI React Native instalada. Além disso, e isso também é importante, você geralmente

28
00:02:20,900 --> 00:02:26,660
deve ter a configuração descrita aqui nos documentos do React Native em Inicialização rápida do React Native

29
00:02:26,660 --> 00:02:32,780
CLI, portanto, certifique-se de configurar seu sistema conforme descrito aqui para as diferentes plataformas, os diferentes sistemas operacionais

30
00:02:32,780 --> 00:02:38,300
que você está direcionando, certifique-se de instalar o Android Studio e o Xcode e todas as

31
00:02:38,300 --> 00:02:43,700
dependências que você encontrará aqui, porque usará esse fluxo de trabalho; você obtém um pouco

32
00:02:43,700 --> 00:02:52,720
mais do que esse projeto vazio em bruto que você tem aqui. Portanto, depois de instalar tudo isso, você pode criar um

33
00:02:52,960 --> 00:03:01,850
novo pacote de fluxo de trabalho simples com esse comando ou em geral executando expo init e, em seguida, qualquer

34
00:03:01,850 --> 00:03:11,390
nome de projeto de sua escolha, como RNWithExpoBare, e verifique se está executando esse comando em um caminho onde você deseja criar

35
00:03:11,390 --> 00:03:13,640
esta pasta do projeto.

36
00:03:13,880 --> 00:03:20,600
Portanto, se você executar isso agora, isso criará um novo projeto de exposição e esse também será o prompt

37
00:03:20,600 --> 00:03:22,110
que vimos no

38
00:03:22,250 --> 00:03:24,090
início do curso. Lá, eu

39
00:03:24,260 --> 00:03:28,670
escolhi em branco e observe que isso obviamente fazia parte do fluxo

40
00:03:28,670 --> 00:03:30,500
de trabalho gerenciado, o

41
00:03:30,620 --> 00:03:36,500
que eu escolhi no início do curso, agora podemos escolher o fluxo de trabalho vazio, indo

42
00:03:36,500 --> 00:03:42,980
até a seleção mínima vazia aqui e pressionando enter e o que isso faz é que agora cria

43
00:03:42,980 --> 00:03:49,310
um novo projeto e agora podemos inserir um nome aqui para o aplicativo visível em a tela

44
00:03:49,630 --> 00:03:51,870
inicial, RNBare e aqui também RNBare.

45
00:03:51,900 --> 00:03:55,260
Então escolha isso aqui, pressione enter e agora isso cria um novo

46
00:03:55,260 --> 00:03:57,920
projeto, não quero usar fios, usarei o npm.

47
00:03:58,050 --> 00:04:01,090
Isso criará um novo projeto, um novo projeto do

48
00:04:01,170 --> 00:04:09,480
React Native bem parecido com o init do React Native, por isso, se você usasse apenas a CLI do React Native, mas pré-configurado para que você já

49
00:04:09,870 --> 00:04:16,930
possa usar muitas dessas APIs suportadas ou todas essas APIs suportadas. Agora importante, a configuração do projeto que estamos chegando

50
00:04:17,500 --> 00:04:23,170
aqui também pode ser alcançada com essa CLI criada para o React Native criada onde

51
00:04:23,280 --> 00:04:28,660
eu não usei a CLI expo porque a mágica acontece com a ajuda

52
00:04:28,900 --> 00:04:31,710
desses unimodules do React Native aqui.

53
00:04:31,870 --> 00:04:38,440
No final, este é um pacote fornecido pela equipe da expo que ajuda você a acessar os recursos nativos

54
00:04:38,440 --> 00:04:44,680
do dispositivo, que também podem ser acessados no fluxo de trabalho gerenciado fora do fluxo de trabalho gerenciado.

55
00:04:44,680 --> 00:04:50,230
Agora importante, se você visitar a página github dos unimodules do React Native e

56
00:04:50,230 --> 00:04:58,140
simplesmente procurar esse nome para encontrá-lo, também encontrará instruções sobre como adicionar isso a um aplicativo existente do React Native.

57
00:04:58,190 --> 00:05:03,620
Aqui você encontra instruções sobre como configurar esta e toda essa configuração descrita aqui, portanto, todas

58
00:05:03,620 --> 00:05:09,170
essas coisas aqui, o que você precisa fazer se desejar usar este pacote e, portanto, os recursos

59
00:05:09,170 --> 00:05:13,450
nativos da expo em um React Native normal aplicativo não expo, você

60
00:05:13,610 --> 00:05:17,880
teria que fazê-los manualmente para um projeto criado com a CLI do

61
00:05:18,160 --> 00:05:20,050
React Native e é exatamente isso

62
00:05:20,060 --> 00:05:26,930
que o expo init com esse fluxo de trabalho simples faz para nós, ele nos fornece um projeto do React Native

63
00:05:26,930 --> 00:05:32,720
como se tivéssemos criado com o React Native CLI e o pré-configura seguindo todas essas etapas; portanto,

64
00:05:32,750 --> 00:05:34,480
não precisamos fazer isso.

65
00:05:34,640 --> 00:05:37,580
Portanto, é claro que podemos tirar proveito

66
00:05:37,580 --> 00:05:40,460
disso, então deixe-me abrir este projeto.

67
00:05:40,510 --> 00:05:46,660
Agora, este é o projeto RNWithExpoBare que acabei de criar. Lá, você encontrará algumas semelhanças com

68
00:05:46,690 --> 00:05:49,660
o projeto React Native que criamos com

69
00:05:49,690 --> 00:05:57,400
a CLI. mesmos arquivos de configuração, o mesmo aplicativo inicial. js content, agora aqui, na verdade, a expo usou uma versão

70
00:05:57,400 --> 00:06:01,990
mais antiga do React Native para criar isso e é por isso que parece

71
00:06:01,990 --> 00:06:05,170
um pouco diferente, mas no final, você obterá a

72
00:06:05,160 --> 00:06:11,230
mesma configuração da CLI do React Native, mas como mencionei no Pasta Android e iOS com esses projetos

73
00:06:11,560 --> 00:06:15,440
Android e iOS pré-configurados conforme descrito na página unimodules, para que você

74
00:06:15,730 --> 00:06:24,010
não precise fazer isso e, com essa pré-configuração, agora você pode adicionar facilmente pacotes de terceiros, adicionar qualquer pacote de terceiros , por exemplo, agora

75
00:06:24,010 --> 00:06:26,030
você também pode usar novamente o

76
00:06:26,050 --> 00:06:29,260
seletor de imagens React Native. Portanto, o que adicionamos

77
00:06:29,260 --> 00:06:34,030
antes, o que não conseguimos adicionar a um aplicativo de fluxo de trabalho gerenciado,

78
00:06:34,030 --> 00:06:40,330
este pacote aqui, você pode adicioná-lo facilmente a um aplicativo de fluxo de trabalho simples porque é apenas um

79
00:06:40,360 --> 00:06:47,770
aplicativo React Native sem expo, para que você possa adicioná-lo, mas agora diferente do aplicativo normal React Native sem expo, você também

80
00:06:47,770 --> 00:06:54,220
pode trazer qualquer uma das APIs expo listadas aqui, como o pacote de localização da expo que usamos anteriormente em

81
00:06:54,220 --> 00:06:55,320
o curso.

82
00:06:55,420 --> 00:07:01,600
Agora você pode instalá-lo facilmente, seguindo as instruções de instalação às quais está vinculado aqui para o fluxo

83
00:07:01,600 --> 00:07:05,950
de trabalho simples. Depois, siga as instruções de instalação encontradas aqui no

84
00:07:05,950 --> 00:07:12,340
pacote de localização da expo, para aprender a instalá-lo com este comando, execute a instalação da porta no

85
00:07:12,340 --> 00:07:16,240
diretório iOS e nenhuma configuração extra para Android é necessária.

86
00:07:16,290 --> 00:07:22,360
Tão justo quanto possível, não muito difícil e, portanto, você pode dizer que consegue o melhor dos dois mundos,

87
00:07:22,570 --> 00:07:30,060
você tem um aplicativo nativo com o React Native CLI e ainda pode usar alguns recursos da exposição, embora esteja ciente de que, se

88
00:07:30,070 --> 00:07:36,370
você executar isso aplicativo, se você fizer isso, é claro, com o run-android nativo do react, por exemplo, e, portanto,

89
00:07:36,370 --> 00:07:42,900
isso requer o Android Studio, ele o constrói localmente no seu sistema; portanto, você demora um pouco mais, precisa configurar tudo

90
00:07:42,930 --> 00:07:48,130
no seu sistema e, por Ao implantar o aplicativo e assim por diante, você também precisa

91
00:07:48,130 --> 00:07:55,360
gerenciar tudo aqui em sua máquina local, para não ter recursos de conveniência que o expo oferece no fluxo de trabalho gerenciado, onde

92
00:07:55,390 --> 00:08:00,370
essa construção e teste são super rápidos, onde você pode testá-lo rapidamente em um computador.

93
00:08:00,370 --> 00:08:02,760
dispositivo real e assim por diante, tudo isso

94
00:08:02,860 --> 00:08:04,560
está faltando aqui também.

95
00:08:04,690 --> 00:08:10,450
Você tem um projeto React Native sem expo, mas o uso de certas APIs expo é mais

96
00:08:10,450 --> 00:08:17,580
fácil, essa é a idéia por trás do fluxo de trabalho vazio e, como o expo tem muitas APIs incríveis, é

97
00:08:17,580 --> 00:08:25,050
claro que é uma boa razão para usá-lo, porque essas APIs, esses pacotes também são garantia de continuidade e manutenção, o que

98
00:08:25,050 --> 00:08:26,340
não é necessariamente

99
00:08:26,400 --> 00:08:30,660
o caso de todos os outros pacotes de terceiros que você pode

100
00:08:30,660 --> 00:08:32,700
adicionar aos seus aplicativos React Native.