1
00:00:02,580 --> 00:00:09,690
Por isso, gastamos bastante tempo migrando isso para reagir à navegação cinco agora e talvez pareça um pouco esmagadora

2
00:00:09,780 --> 00:00:10,920
no momento.

3
00:00:10,920 --> 00:00:18,510
Então, deixe-me resumir as principais mudanças que fizemos aqui e as principais mudanças que afetam a navegação.

4
00:00:18,510 --> 00:00:25,920
A principal mudança foi a forma como definimos nossa configuração de tela em vez de ter essa

5
00:00:25,920 --> 00:00:33,210
abordagem de registro, agora usamos componentes para definir nossa configuração, mas o padrão aqui é realmente

6
00:00:33,210 --> 00:00:34,550
bastante simples.

7
00:00:34,650 --> 00:00:40,740
Você sempre cria um navegador que pode ser um navegador de pilha, um navegador de desenho ou também

8
00:00:41,340 --> 00:00:49,710
um navegador de toque e, em seguida, usa esse navegador para navegar como um componente aqui como um componente de rota para esse conjunto de

9
00:00:49,710 --> 00:00:52,080
telas que pertence a esse navegador.

10
00:00:52,080 --> 00:00:57,660
As telas são os componentes aninhados e você fornece um nome e um componente que devem ser carregados

11
00:00:57,660 --> 00:00:58,950
para essa tela.

12
00:01:00,180 --> 00:01:06,780
Agora, quando se trata de navegar, você ainda navega com o suporte de navegação e, em seguida, com a função

13
00:01:06,960 --> 00:01:09,280
de navegação, identificando a tela pelo nome.

14
00:01:09,300 --> 00:01:11,180
Então isso não muda nada.

15
00:01:11,190 --> 00:01:13,720
Você também ainda passa dos pais como antes.

16
00:01:13,770 --> 00:01:18,960
A única coisa importante aqui ou a única coisa que você deve ter em mente é que o nome que você usa aqui,

17
00:01:19,140 --> 00:01:21,810
é claro, deve ser o nome que você também usa aqui.

18
00:01:21,810 --> 00:01:23,490
Quando você configura suas telas.

19
00:01:23,670 --> 00:01:29,400
Portanto, essa é a maior mudança que você define na sua configuração como componentes.

20
00:01:29,400 --> 00:01:35,220
Por fim, você ainda pode aninhar seus diferentes navegadores um ao outro, como estamos

21
00:01:35,520 --> 00:01:41,640
fazendo aqui, onde precisamos desenhar um Navegador que também tenha navegadores de pilha como telas.

22
00:01:41,640 --> 00:01:45,080
Isso também não muda, apenas parece diferente agora.

23
00:01:45,150 --> 00:01:52,590
E o que mudou foi onde você configura as opções de configuração ampla da tela, para que as opções que afetam

24
00:01:52,650 --> 00:01:58,740
todas as telas de um navegador sejam configuradas diretamente no Navegador, um componente com o suporte

25
00:01:58,740 --> 00:02:06,180
de opções da tela e a configuração específica da tela seja configurada com as opções prop no componente de tela .

26
00:02:06,180 --> 00:02:12,330
Agora, onde você gerencia essa configuração, se você fizer tudo em um arquivo grande, ou como estamos fazendo aqui,

27
00:02:12,330 --> 00:02:15,500
se estiver fazendo isso na tela, e depois exportá-la.

28
00:02:15,550 --> 00:02:19,740
Então, sim, você pode usá-lo quando a configuração de seus componentes depende de você.

29
00:02:20,130 --> 00:02:22,630
Agora isso é tudo o que você precisa ter em mente.

30
00:02:22,650 --> 00:02:29,790
Uma coisa que mudou por causa disso é como você lida com autenticação ou casos relacionados.

31
00:02:29,790 --> 00:02:32,210
Você não precisa mais mudar de navegador.

32
00:02:32,220 --> 00:02:39,150
Em vez disso, você controla quais navegadores devem ser renderizados reagindo e o que não é renderizado não pode ser eficaz,

33
00:02:39,270 --> 00:02:40,710
não pode fazer nada.

34
00:02:40,710 --> 00:02:46,440
Portanto, se não renderizarmos para o navegador da loja porque não estamos autenticados, não há como a tela

35
00:02:46,440 --> 00:02:48,010
da loja ser carregada.

36
00:02:48,060 --> 00:02:54,900
É assim que agora controlamos quais telas são acessíveis aqui no exemplo de autenticação.

37
00:02:55,020 --> 00:02:57,870
Também mantendo em mente o log de pedidos.

38
00:02:57,870 --> 00:03:01,900
Então é algo que você precisa mudar para um novo modelo mental.

39
00:03:01,920 --> 00:03:06,850
Isso é muito mais reativo do que o que tínhamos que usar antes.

40
00:03:07,260 --> 00:03:13,770
E então temos outra mudança grande ou importante, e é assim que extraímos os pais e, quando precisamos

41
00:03:13,770 --> 00:03:21,650
deles, extraímos os pais neste novo suporte de rota com a chave dos pais, a chave dos pais pode ser indefinida se

42
00:03:21,690 --> 00:03:28,290
não houver pais recebidos e esse componente e agora os pais devem realmente ser usados apenas para obter

43
00:03:28,290 --> 00:03:30,720
dados do componente dois componentes B.

44
00:03:30,810 --> 00:03:38,100
Portanto, de tela em tela B, você trabalha ao redor, já que precisávamos usá-las antes na tela do produto adicionado,

45
00:03:38,100 --> 00:03:45,150
não são mais necessárias se você precisar usar os pais para obter dados do insight ao componente nas opções

46
00:03:45,150 --> 00:03:48,770
da tela, que você não precisa fazer isso mais.

47
00:03:48,840 --> 00:03:56,760
Em vez disso, o que você faz agora é usar as novas funções de opções definidas, que você pode chamar diretamente no

48
00:03:56,760 --> 00:03:58,080
seu suporte de navegação,

49
00:04:00,760 --> 00:04:01,870
aqui está.

50
00:04:01,900 --> 00:04:07,960
Então, chamamos de opções definidas neste suporte de navegação e podemos ajustar dinamicamente as opções

51
00:04:08,170 --> 00:04:10,610
de navegação de dentro do componente.

52
00:04:10,630 --> 00:04:16,780
Essas são as principais mudanças que tivemos que fazer aqui e as principais coisas que mudaram.

53
00:04:16,780 --> 00:04:19,840
Agora, como sempre, os documentos oficiais são seus amigos.

54
00:04:19,840 --> 00:04:25,090
Se você quiser ler sobre isso novamente, se quiser mergulhar em outros casos que não abordamos

55
00:04:25,090 --> 00:04:25,670
aqui.

56
00:04:25,750 --> 00:04:30,370
Por exemplo, se você quiser aprender a trabalhar com torneiras, não faremos isso aqui, mas a abordagem

57
00:04:30,370 --> 00:04:31,290
é muito semelhante.

58
00:04:31,330 --> 00:04:36,700
Você faz isso com uma configuração baseada em componentes com um navegador e telas e, em seguida, os documentos oficiais

59
00:04:36,700 --> 00:04:39,180
são realmente um ótimo lugar para se aprofundar.

60
00:04:39,190 --> 00:04:46,200
Verifique também a publicação do anúncio para a navegação de reação 5 e o guia de atualização que também

61
00:04:46,240 --> 00:04:51,210
está vinculado. Você encontrará todos esses recursos também anexados a esta palestra.

62
00:04:51,310 --> 00:04:56,710
E com isso, você decide se deseja usar a navegação de reação 3 ou 4 ou se deseja

63
00:04:56,710 --> 00:04:58,450
mudar para 5 ou posterior.

64
00:04:58,450 --> 00:05:01,290
Uma vez que tenhamos novas palavras, cabe a você.

65
00:05:01,450 --> 00:05:07,870
A maioria dos projetos que existem por aí certamente ainda usarão o Virgin free e porque

66
00:05:07,900 --> 00:05:10,830
essas versões existem há tanto tempo.

67
00:05:10,990 --> 00:05:15,850
Novos projetos podem mudar para Onde está em cinco, mas também podem usar a versão mais antiga.

68
00:05:16,030 --> 00:05:21,850
Então, eu argumentaria que é importante conhecer os dois tipos de navegação se você estiver trabalhando em

69
00:05:21,850 --> 00:05:23,010
seu próprio projeto.

70
00:05:23,050 --> 00:05:28,060
Eu recomendo que você mude para reagir à navegação cinco desde o início, mas se

71
00:05:28,060 --> 00:05:31,760
você quiser 4 ou massa livre, tudo está perfeitamente bem.

72
00:05:31,930 --> 00:05:38,470
A reativação 3 e 4 é totalmente estável e tudo será mantido e atualizado no futuro pela equipe de

73
00:05:38,470 --> 00:05:39,750
navegação de reação.

74
00:05:39,850 --> 00:05:41,260
Portanto, não vai a lugar nenhum.

75
00:05:41,260 --> 00:05:43,760
Não é inseguro usá-lo e depende de você.

76
00:05:43,780 --> 00:05:45,310
Qual versão você deseja usar.