Por isso, gastamos bastante tempo migrando isso para reagir à navegação cinco agora e talvez pareça um pouco esmagadora
no momento.
Então, deixe-me resumir as principais mudanças que fizemos aqui e as principais mudanças que afetam a navegação.
A principal mudança foi a forma como definimos nossa configuração de tela em vez de ter essa
abordagem de registro, agora usamos componentes para definir nossa configuração, mas o padrão aqui é realmente
bastante simples.
Você sempre cria um navegador que pode ser um navegador de pilha, um navegador de desenho ou também
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
telas que pertence a esse navegador.
As telas são os componentes aninhados e você fornece um nome e um componente que devem ser carregados
para essa tela.
Agora, quando se trata de navegar, você ainda navega com o suporte de navegação e, em seguida, com a função
de navegação, identificando a tela pelo nome.
Então isso não muda nada.
Você também ainda passa dos pais como antes.
A única coisa importante aqui ou a única coisa que você deve ter em mente é que o nome que você usa aqui,
é claro, deve ser o nome que você também usa aqui.
Quando você configura suas telas.
Portanto, essa é a maior mudança que você define na sua configuração como componentes.
Por fim, você ainda pode aninhar seus diferentes navegadores um ao outro, como estamos
fazendo aqui, onde precisamos desenhar um Navegador que também tenha navegadores de pilha como telas.
Isso também não muda, apenas parece diferente agora.
E o que mudou foi onde você configura as opções de configuração ampla da tela, para que as opções que afetam
todas as telas de um navegador sejam configuradas diretamente no Navegador, um componente com o suporte
de opções da tela e a configuração específica da tela seja configurada com as opções prop no componente de tela .
Agora, onde você gerencia essa configuração, se você fizer tudo em um arquivo grande, ou como estamos fazendo aqui,
se estiver fazendo isso na tela, e depois exportá-la.
Então, sim, você pode usá-lo quando a configuração de seus componentes depende de você.
Agora isso é tudo o que você precisa ter em mente.
Uma coisa que mudou por causa disso é como você lida com autenticação ou casos relacionados.
Você não precisa mais mudar de navegador.
Em vez disso, você controla quais navegadores devem ser renderizados reagindo e o que não é renderizado não pode ser eficaz,
não pode fazer nada.
Portanto, se não renderizarmos para o navegador da loja porque não estamos autenticados, não há como a tela
da loja ser carregada.
É assim que agora controlamos quais telas são acessíveis aqui no exemplo de autenticação.
Também mantendo em mente o log de pedidos.
Então é algo que você precisa mudar para um novo modelo mental.
Isso é muito mais reativo do que o que tínhamos que usar antes.
E então temos outra mudança grande ou importante, e é assim que extraímos os pais e, quando precisamos
deles, extraímos os pais neste novo suporte de rota com a chave dos pais, a chave dos pais pode ser indefinida se
não houver pais recebidos e esse componente e agora os pais devem realmente ser usados apenas para obter
dados do componente dois componentes B.
Portanto, de tela em tela B, você trabalha ao redor, já que precisávamos usá-las antes na tela do produto adicionado,
não são mais necessárias se você precisar usar os pais para obter dados do insight ao componente nas opções
da tela, que você não precisa fazer isso mais.
Em vez disso, o que você faz agora é usar as novas funções de opções definidas, que você pode chamar diretamente no
seu suporte de navegação,
aqui está.
Então, chamamos de opções definidas neste suporte de navegação e podemos ajustar dinamicamente as opções
de navegação de dentro do componente.
Essas são as principais mudanças que tivemos que fazer aqui e as principais coisas que mudaram.
Agora, como sempre, os documentos oficiais são seus amigos.
Se você quiser ler sobre isso novamente, se quiser mergulhar em outros casos que não abordamos
aqui.
Por exemplo, se você quiser aprender a trabalhar com torneiras, não faremos isso aqui, mas a abordagem
é muito semelhante.
Você faz isso com uma configuração baseada em componentes com um navegador e telas e, em seguida, os documentos oficiais
são realmente um ótimo lugar para se aprofundar.
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
está vinculado. Você encontrará todos esses recursos também anexados a esta palestra.
E com isso, você decide se deseja usar a navegação de reação 3 ou 4 ou se deseja
mudar para 5 ou posterior.
Uma vez que tenhamos novas palavras, cabe a você.
A maioria dos projetos que existem por aí certamente ainda usarão o Virgin free e porque
essas versões existem há tanto tempo.
Novos projetos podem mudar para Onde está em cinco, mas também podem usar a versão mais antiga.
Então, eu argumentaria que é importante conhecer os dois tipos de navegação se você estiver trabalhando em
seu próprio projeto.
Eu recomendo que você mude para reagir à navegação cinco desde o início, mas se
você quiser 4 ou massa livre, tudo está perfeitamente bem.
A reativação 3 e 4 é totalmente estável e tudo será mantido e atualizado no futuro pela equipe de
navegação de reação.
Portanto, não vai a lugar nenhum.
Não é inseguro usá-lo e depende de você.
Qual versão você deseja usar.