1
00:00:02,290 --> 00:00:11,260
Agora, o que mudou entre trabalhar para e a Versão 5 com a navegação por reação no passado foi com esses agravamentos

2
00:00:11,500 --> 00:00:18,910
mais antigos, portanto, com a navegação por reação que é gratuita e para a qual usamos neste curso,

3
00:00:18,910 --> 00:00:27,580
tivemos essa maneira de configurar rotas atentas à configuração de telas que podemos configurar um registro como configuração em um arquivo

4
00:00:27,580 --> 00:00:34,330
em que basicamente mapeamos nossas telas diferentes para identificadores e, em seguida, poderíamos trabalhar com esses

5
00:00:34,330 --> 00:00:39,520
identificadores de qualquer lugar do aplicativo para acessar uma tela específica.

6
00:00:39,610 --> 00:00:46,030
Agora, quando se trata de configurar essas diferentes telas, podemos fazer isso diretamente no componente

7
00:00:46,300 --> 00:00:49,540
da tela ou também globalmente na pilha.

8
00:00:49,550 --> 00:00:53,650
Navegador, por exemplo, com as opções de navegação padrão.

9
00:00:53,680 --> 00:01:00,040
Agora, essa abordagem de navegação funciona muito bem, como você vê neste curso, e não há

10
00:01:00,040 --> 00:01:07,090
necessariamente algo errado com ela, mas também tivemos algumas ocasiões em que definitivamente vimos que poderia ser complicado às

11
00:01:07,270 --> 00:01:13,240
vezes, se você desejasse atualizar os botões do cabeçalho no cabeçalho de um componente dinamicamente.

12
00:01:13,360 --> 00:01:19,870
Você teve que abusar dos pais para fazer isso, o que não era o ideal e, definitivamente, um pouco complicado

13
00:01:19,870 --> 00:01:20,760
de entender.

14
00:01:20,890 --> 00:01:26,260
No entanto, você pode definitivamente usar a navegação de reação, onde John é gratuito

15
00:01:26,260 --> 00:01:34,510
e quatro, e você pode continuar usando essas palavras, mas com o lançamento das palavras de navegação React e cinco coisas mudaram

16
00:01:34,510 --> 00:01:42,010
um pouco e agora criamos raízes e navegamos um pouco de maneira diferente. uma super grande mudança entre as versões

17
00:01:42,010 --> 00:01:45,230
4 e 5, que abordarei neste módulo.

18
00:01:45,370 --> 00:01:52,780
Agora, não configuramos nossa querida rodada de amigos, de modo que nossos mapeamentos de nomes de tela diferentes neste

19
00:01:52,780 --> 00:01:54,920
registro, como vemos à esquerda.

20
00:01:55,030 --> 00:01:59,880
Mas agora, em vez disso, configuramos tudo como uma árvore de componentes.

21
00:01:59,880 --> 00:02:06,220
Você poderia dizer que agora temos uma configuração baseada em componentes de nossas diferentes rotas.

22
00:02:06,220 --> 00:02:12,100
Podemos acessar todas as diferentes partes do aplicativo e o que parece um

23
00:02:12,100 --> 00:02:19,850
pouco confuso aqui no slide ficará muito mais limpo posteriormente neste módulo quando transportarmos nosso projeto para essa configuração.

24
00:02:19,990 --> 00:02:28,240
Agora, embora isso certamente seja uma grande mudança e um grande modelo mental que precisamos fazer, porque definimos nossa configuração de navegação

25
00:02:28,240 --> 00:02:34,960
de uma maneira totalmente diferente. Agora, ela oferece algumas vantagens, pois você verá que está realmente mais

26
00:02:34,960 --> 00:02:41,950
próximo da maneira reativa de criar aplicativos onde você basicamente deseja usar componentes em todos os lugares para expressar

27
00:02:41,950 --> 00:02:48,160
como deve ser o resultado e, em seguida, deixe-o reagir para descobrir uma maneira de chegar

28
00:02:48,160 --> 00:02:48,680
lá.

29
00:02:48,790 --> 00:02:55,290
E se definirmos nossa configuração de tela de maneira baseada em componentes, justificaremos nosso resultado final e deixaremos

30
00:02:55,480 --> 00:03:00,560
que a reação e a navegação da navegação descubram o caminho para chegar lá.

31
00:03:00,610 --> 00:03:03,120
Então esse é realmente um bom modelo mental para se ter.

32
00:03:03,160 --> 00:03:08,810
Mas é claro que é com o que temos que nos acostumar e, portanto, sem mais delongas, vamos nos aprofundar

33
00:03:08,810 --> 00:03:10,600
e dar suporte à nossa aplicação.

34
00:03:10,600 --> 00:03:17,350
No entanto, ainda há uma coisa que eu quero dizer: reativar a navegação neste pacote com as voltas

35
00:03:17,350 --> 00:03:25,330
três e quatro ainda é super importante, é claro, reativar a versão 5 e assim por diante é o futuro da

36
00:03:25,330 --> 00:03:33,370
navegação com o React, mas a grande maioria do projeto você encontrará por aí do React Os projetos nativos usarão a navegação

37
00:03:33,370 --> 00:03:39,760
de reação em palavras e são livres; portanto, é necessário conhecê-las e é por isso que o

38
00:03:39,760 --> 00:03:43,630
curso geral ainda usa essas versões com este módulo.

39
00:03:43,630 --> 00:03:45,220
Eu também mostro onde você está em cinco.

40
00:03:45,220 --> 00:03:50,770
Você possuía o kit de ferramentas completo e era capaz de trabalhar em qualquer projeto nativo de

41
00:03:50,770 --> 00:03:52,930
reação, independentemente da navegação que utilizasse.