Criando Rotas e Navegação Entre Telas Sem Recarregar Página - React JS

[@dayanefernandes9080]

Pra quem estiver com problemas no Switch, estiver dando erro, faça o seguinte: Substitua o "Switch" por "Routes" tanto no import quanto no corpo do código, e na criação da rota a sintaxe fica assim: Edit: Se não funcionar da forma acima, tente sem a tag de fechamento do Route, utilizando somente selfclosing tag.

[@smickoxd]

Eu estava com muita duvida de como criar um link sem precisar carregar a pagina, me ajudou muito, muito obrigado

[@brayanapeles8114]

Eu estava com bastante dúvida de como usar as Rotas com react, estava até desanimado, mas graças a essa explicação super didática eu consegui compreender e saber como implementas Rotas no meu projeto, Obrigado!.

[@lauraribeiro5091]

Adorei!!! Simples e bem explicado. Obrigada!!!!

[@yurimaluf]

Parabéns pelo conteúdo. Acho importante essa sua introdução. Pra quem está começando como eu entender onde pretendemos chegar e qual a vantagem. Somente dps de explicado a gente vai pro código. Parabéns grande abraço!!!!

[@ProgramadorEspartano]

Valeu amigo!

[@fernandoferreira8803]

Bacana demais o vídeo, didática top também!! 👏👏

[@MariaAparecida-np8hm]

Mano! Perfeito, entendi muito!

Mano muito obriga pelo conteudo, estava quase desistindo até achar seu video, de verdade muito obrigado

[@ProgramadorEspartano]

Que legal que pudemos ajudar amigo, só não desista fácil da programação não. O mundo do aprendizado em programação é desafiador mesmo, mas nada complexo, simplesmente você domina praticando um pouquinho todos os dias. Coloque um desafio e tente resolve-lo até conseguir, vai perceber que você conseguirá criar qualquer sistema, simples assim. Só focar no que você quer ver no final do seu projeto, praticar diariamente um pouquinho e pronto, quando perceber estará fazendo tudo no "automático". Não desista!!!

[@VaVelho]

Excelente! Muito obrigada por tua dedicação. Parabéns por esse vídeo!

[@ProgramadorEspartano]

Que bom que ajudamos.

[@feliperodrigo345]

Show, didática, exemplos, parabéns pela iniciativa!

[@sergiodesousafilho]

Top, muito bem explicado e com dica de css de brinde rsrs

[@alexandrenascimento3105]

Cara, obrigado pela aula, eu estava atrás disso.

[@diegoseco100]

Parabéns pelo conteúdo! Bem claro e muito bem explicado de forma simples

[@helanymelo4050]

Amei a aula! Vou começar a colocar em prática! Obrigada por compartilhar o conhecimento ☺️

[@bot_daniel]

Em 4:16 o Switch esta deprecated então atualmente substituir por

[@mauriciorodrigues8890]

Ótimo conteúdo e bem explicado!!!

[@BuGCasin1]

Caraca que top em tava com muita dificudade com os routes até encontra esse vídeo maravilhoso vlw ae

[@brendowvaz]

Muito top, obrigado

[@edsonmalagodi8172]

Boaa man, bom video!!

[@PauloHenrique-eq6rf]

mt bom, obrigado

[@maquin7]

Obrigado pelo video, Como eu faço para que o texto do Link fique com um estilo diferente quando for ele o selecionado ??

[@cleberalmeida376]

Parabéns mano... muito boa sua didática... porém seu áudio está muito baixo...

[@lucasguitar00]

Tenho um menu esquerdo com uma list quero clicar nesses itens e carregar a pagina dentro do mesmo "bloco" na tela, sem abrir outra pagina, tem algum video ensinando?

[@pietrodo2408]

Amei a Aula, porem estou com um problema que não consigo importar o Switch do react-router-dom, teria alguma dica ? já tentei de tudoooo

[@helenafrancogarcia1297]

Ótimo vídeo, porém algumas coisas mudaram e estou tendo uns probleminhas será que poderia me ajudar? Já sei que o switch não é mais utilizado porém quando utilizo o routes estou recebendo o seguinte erro: "Error: [Page] is not a component. All component children of must be a or " Se alguém souber me ajudar fico imensamente grata!

[@dayanefernandes9080]

Substitua o "Switch" por "Routes" tanto no import quanto no corpo do código, e na criação da rota a sintaxe fica assim: Edit: Se não funcionar da forma acima, tente sem a tag de fechamento do Route, utilizando somente selfclosing tag.

[@ro0502]

existe a possibilidade de logar e redirecionar para uma pagina administrativa?, logo com professor tenho acesso a plantaforma professor, logo com aluno tenho acesso a plantaforma aluno

[@rubensbatista4656]

Alguém poderia me responder se este tipo de aplicação funcionaria off line? Conseguiria armazenar dados e depois coletar novamente quando a internet restaurasse ?

[@asrrj]

Fala Homem curti muito as duas primeiras aulas e estava assistindo e praticando essa terceira mas ... estava dando erro direto no SWITCH daí eu fui procurar e parece que ele foi descontinuado, tentei implementar a nova forma de usar com ROUTER mas nao consegui .... teria como vc me dar essa moral de mostrar como ficaria com a nova sintaxe? Desde já agradeço sua ajuda

[@ramonbosi1638]

Na verdade o SWITCH foi substituído por ROUTES não por ROUTER, com S no final, os nomes confundem mesmo, é tanto ROUTE que vc fica perdido kkkkkk

[@LeandroSilvaDev]

So I uninstall the version 6 of react-router-dom npm uninstall react-router-dom And installed version 5.2.0 of react-router-dom npm install react-router-dom@5.2.0

[@guilhermezanoellopires1041]

Esse COMENTÁRIO me SALVOU - Correndo aqui para entregar um trabalho da faculdade em REACT - Julho 2022 - 02:35

[@gilbertobarcelo]

meu switch aparece uma caixa de selção

[@willyfernandes3367]

Faz um vídeo de upload de vídeos aí depois mostra o vídeo para o usuário.

[@ProgramadorEspartano]

Em breve vamos criar amigo!

[@willyfernandes3367]

Tá certo obrigado

[@LeehLyrics]

por favor, faz isso. muito bom

[@GlaylsonAlves]

Failed to compile. ./src/App.js Attempted import error: 'Routes' is not exported from './Routes'. depois de criar o componente da rota kkkk. bom, assim : export default () => {} --deu erro export function Routes() {} --deu certo pq ?

[@leonardocastro8694]

Aconteceu o mesmo comigo, tô procurando entender !

[@LeandroSilvaDev]

@@leonardocastro8694 So I uninstall the version 6 of react-router-dom npm uninstall react-router-dom And installed version 5.2.0 of react-router-dom npm install react-router-dom@5.2.0

[@ailtonxavier8535]

rapaz, deu erro no switch, depois disso fiquei parado, você poderia fazer o vídeo com um ritmo um pouco mais lento, depois dos 10 minutos de vídeo, se o cara for acompanhar se perde fácil, talvez o problema seja comigo, não sei, mas ficar criando componentes, importando modulos a torto e a direito fica extremamente confuso, principalmente os que já foram deixados de lado.

[@guilhermezanoellopires1041]

Os meus links trocam na url, mas a Página não atualiza, preciso dar F5 - 01/07/22 - 03:20 Aconteceu com alguém ????? Estou usando o video para uma projeto na faculdade import React from "react"; import { Link } from 'react-router-dom'; import { AreaHeader } from './styled'; function Header(){ return ( CRUD Home Listagem Criar Novo Terminar sessão ); } export default Header;

[@mateusdias9913]

estou com o mesmo problema

[@mateusdias9913]

consegui resolver. primeiro atualize o react-router para a versão 6. no Route.js, a vai ficar desta forma: faça isso em todos os Routes