React Router: O guia completo para navegação em aplicativos React

Поділитися
Вставка
  • Опубліковано 4 гру 2024

КОМЕНТАРІ • 137

  • @MatheusBattisti
    @MatheusBattisti  7 місяців тому

    👉👉Conheça nosso curso completo de React JS: app.horadecodar.com.br/course/curso-react-js-completo

  • @wellery
    @wellery Рік тому +47

    O router mudou bastante em pouco tempo, quando achava que dominava tive que assistir a aula tudo de novo para aprender e essa aula foi bastante clara. Parabéns professor!

    • @wellery
      @wellery Рік тому +1

      @@arthurguilherme3142 O React Router deu uma mudada grande em poucas atualizações acabou que esse vídeo ficou desatualizado e ficou só para ter noção mesmo

    • @gabrielteodoro9282
      @gabrielteodoro9282 Рік тому +1

      @@welleryMe diz um atualizado pf 😂

    • @tiagoviniciuslopes
      @tiagoviniciuslopes Рік тому +1

      @@welleryFiz a aula inteira e tudo apresentado nela funciona perfeitamente, a aula não está desatualizada

    • @ivanguitarra
      @ivanguitarra 4 місяці тому

      Isso é só modismo, linguagem pra nutelas! Uma linguagem que muda como se faz rotas a cada atualização nao merece nem ser usada.

    • @wellery
      @wellery 4 місяці тому +1

      @@ivanguitarra React Router Dom é uma biblioteca Sr. e é normal haver mudanças que quebram de uma versão para outra. Bem-vindo a programação!

  • @lucassobral6672
    @lucassobral6672 Рік тому +15

    Tudo bem professor ? Nosssaaaa vc salvou minha vida, não existe em lugar nem nenhum alguém explicando sobre esse novo modelo de rota, eu tava tendo que me virar com a documentação. Todo mundo só passa no modelo anterior do V6 com browserRouter. Seria perfeito se o senhor poder aprofundar esse conteúdo da nova v6.

  • @icarorodrigo96
    @icarorodrigo96 9 місяців тому +1

    Professor, saiba que o senhor hoje mudou o meu dia, e lhe sou extremamente grato, trabalho perfeito o seu, muito obrigado

  • @mavick.
    @mavick. Рік тому +5

    cara!
    isso não foi uma aula, foi A AULA!
    me ajudou demais, estava perdida, muito obrigada!

  • @rodrigosinastre7203
    @rodrigosinastre7203 Рік тому

    25 minutos passaram que eu nem vi. Parabéns pela didática. Muito bom.

  • @jmarlopes.2533
    @jmarlopes.2533 Рік тому

    Geralmente não me dou ao trabalho de comentar, até pq as aulas no youtube costumam ser medianas e sem mt explicação, apenas mostrando como se faz. Porém esse cara é diferenciado, muito foda!

  • @iarlensantos3588
    @iarlensantos3588 Рік тому +2

    Incrivel! Não sabia dessa forma "nova" de utilizar o react-router-dom v6, ainda utilizava a forma "antiga" com BrowserRouter.

  • @SailorUrgot
    @SailorUrgot 9 місяців тому

    Isso foi perfeito, estava tendo muitos problemas com react router e essa aula solucionou todas as dúvidas!

  • @BisquiOne
    @BisquiOne 8 місяців тому

    meu amigo tava dificil entender no curso, mas esse conteudo trouxe tudo que eu precisava, vlw

  • @natanoliveiradasilva766
    @natanoliveiradasilva766 Місяць тому

    Professor, muito obrigado por transmitir seus conhecimentos. Sua aula me ajudou muito! Obrigado!

  • @me.dwesley
    @me.dwesley Рік тому +1

    Seus vídeos são muito úteis para profissionais de qualquer nível. Impressionante!

  • @gvmak47
    @gvmak47 11 місяців тому

    Sempre que procuro por algum conteúdo e encontro algo teu, venho direto. Porque tenho a certeza que vou aprender! Tua didática eh excelente, parabens. Consegui desenrolar com typescript aqui.
    Obrigado Matheus, tu eh brabo, sucesso irmao!

  • @Onegodev
    @Onegodev Рік тому +1

    incrível, estou começando no react e estava procurando uma biblioteca como essa para um projeto. Você é Fera!

  • @hermessantos181
    @hermessantos181 Рік тому +2

    Muito obrigado de vdd, eu nao consigo entender como vídeos como esse possuem tão pouca visualização.

  • @franciscolivino1500
    @franciscolivino1500 Рік тому +1

    Muito bom o conteúdo !!, ja sigo aqui no youtube e na udemy a um tempo !!

  • @Miwakii
    @Miwakii Рік тому

    Cara... obrigada! Tava há dois dias travada nessa parte em um trabalho da faculdade. ME SALVOU MUITO, deu super certo!!

  • @matheusreis8121
    @matheusreis8121 Рік тому +1

    Muito bom, me ajudou muito.
    Um dos melhores professores de programação do Brasil

  • @eloi9467
    @eloi9467 10 місяців тому

    Obrigado pelo vídeo, me ajudou bastante! Estou lendo a documentação e vendo esse vídeo, agora é botar em prática

  • @PietroTheBestBR
    @PietroTheBestBR 8 місяців тому

    Que aula incrivel, muito obrigado. Depois de vários videos o seu foi o primeiro que me deu um norte para transdormar meu SSR em CSR

  • @merysilveira
    @merysilveira 8 місяців тому

    Que vídeo maravilhoso, me ajudou demais nos problemas que eu estava tendo aqui.

  • @stillpickinganame5350
    @stillpickinganame5350 Рік тому +2

    Muito obrigada pela excelente aula professor! Muito clara e completa!

  • @moisesantonio4335
    @moisesantonio4335 Рік тому

    Muito obrigado mesmo cara de verdade, eu estava fazendo um projeto que precisava usar esse react router, porém, como ele fica atualizando eu tive que oegar um video mais recente, se eu não tivesse instalado esse pacote nem iria funcionar, levei mais de um dia para resolver isso por sorte achei seu video, muito obrigado mesmo.

  • @HudsonVentura
    @HudsonVentura 6 місяців тому

    rapido, direto e cheio de dicas. Resolveu meu problema. Obrigado

  • @hamiceis
    @hamiceis Рік тому

    Muito top, estava com dúvidas de como usar essa nova versão, quando tiver novas atualizações poderia trazer um novo video!

  • @DavidsonAguiardavidson
    @DavidsonAguiardavidson Рік тому +1

    Já tinha lido a documentação da v6, mas agr ficou bem mais claro, vlw e parabéns!

  • @pedroporto3856
    @pedroporto3856 Рік тому

    Muito obrigado!! Salvou minha pele, nao sabia fazer rotas com o vite

  • @arturpedrosa
    @arturpedrosa Рік тому

    Vlw Matheus, me deu uma luz necessaria pro projeto que estou fazendo.

  • @DanielMartins-yi5tx
    @DanielMartins-yi5tx Місяць тому

    muito massa o video explicação exelente

  • @davioliveira848
    @davioliveira848 27 днів тому

    Me ajudou bastante. Obrigado

  • @simplesmentelias
    @simplesmentelias Рік тому +1

    mas sério gente, que atualização chata em rsrsrs achei bem ridicula a sintaxe nova (opnião minha ok), ainda bem que o professor me salvou, vc é feraaa obg :D

  • @moacirdavid3562
    @moacirdavid3562 Рік тому +1

    Boa, Matheus, seus vídeos e sua didática são top! Eu assisti aos vídeos seus aqui no UA-cam e depois comprei o Curso de React no Udemy que você ministra, recomendo muito!

  • @vicnogueira4525
    @vicnogueira4525 11 місяців тому

    Boa aula, excelente Professor!

  • @LeandroNunes2014
    @LeandroNunes2014 Рік тому

    Perfeito, era examente o conteúdo que eu procurava. Obrigado!!

  • @Matheuscantanhede-k6g
    @Matheuscantanhede-k6g Рік тому

    salvou minha vida meu amigo, muito obrigado

  • @GilbertoMadeira83
    @GilbertoMadeira83 Рік тому

    Parabéns pela explicação, ajudou muito, obrigado!

  • @drinks.a4230
    @drinks.a4230 Рік тому

    Show de bola Matheus! valeu!! Ainda compro o seu curso, só não comprei ainda porque ainda tenho mais um para terminar! Terminando é o próximo da lista! Valeu!

  • @victoriagindre1459
    @victoriagindre1459 Рік тому

    Video muito claro e explicativo. Ótima aula, Matheus.

  • @fernandorodrigues6967
    @fernandorodrigues6967 Рік тому

    O melhor professor da net, na minha opinião! Obrigado pelo vídeo! 👏👏👏

  • @MrFelipefsf
    @MrFelipefsf Рік тому

    Excelente Matheus, de certa forma essa atualização simplificou um pouco a criação de rotas

  • @matheusfreiremartinsdacost4900

    meus mais honestos parabens irmao,sucesso no canal

  • @MarxismoERevolucao
    @MarxismoERevolucao 8 місяців тому

    Excelente conteúdo, Matheus Battisti.

  • @nemsei123
    @nemsei123 Рік тому

    Parabéns pela explicação, muito bom!

  • @gabrielneves7104
    @gabrielneves7104 Рік тому

    Excelente conteúdo e didática!

  • @niltonfernandes7928
    @niltonfernandes7928 Рік тому

    nossa muito bem muito bem explicado. top de +++.

  • @matheuskroska79
    @matheuskroska79 Рік тому

    Boa, o pessoal da router devia usar teu tutorial como ref na documentação HAHAHAH, aqueles exemplos gigantes só confundem a cabeça.

  • @WallaceSilva09
    @WallaceSilva09 2 місяці тому

    Muito bom bem completinho. vlw

  • @ANABEATRIZDUTTONDASILVABRAUNA
    @ANABEATRIZDUTTONDASILVABRAUNA Місяць тому

    Arrasou muito

  • @israelmathusse7100
    @israelmathusse7100 7 місяців тому

    Aula muito boa

  • @afonsoserrao7537
    @afonsoserrao7537 Рік тому

    Obrigado, ajudou imenso

  • @arturfreitas5363
    @arturfreitas5363 Рік тому +1

    rapaz que timing, vi hj o seu video antigo sobre router. bora pra esse tmb

  • @rogerionj
    @rogerionj Рік тому

    parabéns pelo vídeo, ficou top

  • @wagnerfeltenrodrigues6383
    @wagnerfeltenrodrigues6383 Рік тому

    Bah show o conteúdo, já me clareou muito a mente 🙌🏽🙌🏽🙌🏽🙏🏽

  • @lucasfrazao4997
    @lucasfrazao4997 Рік тому

    Show de bola professor, obrigado!

  • @jailsonsantos555
    @jailsonsantos555 Рік тому

    TOOOOOOOOOOOOOOOOP..... Parabéns pelo conteúdo.

  • @AcilioCarraro
    @AcilioCarraro 11 місяців тому +1

    super video, thanks a lot

  • @RosembergsonLacerda
    @RosembergsonLacerda 10 місяців тому

    gostei mt, parabens pelo video

  • @sfsorf2125
    @sfsorf2125 Рік тому +1

    muito bom, entendi perfeitamente :)

  • @vieiramaicon
    @vieiramaicon Рік тому

    Aula muito boa.

  • @ricardofilho4816
    @ricardofilho4816 3 місяці тому

    opa amigo! muito boa a aula, parabéns!
    só queria saber, qual extensão é essa que vc está utilizando para os snippets de criar os componentes?
    Valeu!!

  • @victtorcampos
    @victtorcampos 10 місяців тому

    Maravilha! 👏👏👏👏

  • @dimascapelari
    @dimascapelari Рік тому

    Aula TOP parabéns

  • @rheavictor7
    @rheavictor7 Рік тому

    Muito bom, obrigado!

  • @charlesconde975
    @charlesconde975 Рік тому

    excelente aula!

  • @cesarnahra
    @cesarnahra Рік тому

    13:35 Matheus, se eu quisesse colocar a página de erro dentro da prop children para a página ser contemplada pelo Outlet e reaproveitar a estrutura com navbar e footer. É viável também??

  • @cortespoliglota
    @cortespoliglota Рік тому

    Professor fatia essa aula e adicionar no curso de react substituindo os vídeos da sessão de routes.

  • @guiz3176
    @guiz3176 Рік тому

    Que aula incrível!

  • @sirpripyat4274
    @sirpripyat4274 Рік тому +1

    Muito bom o vídeo professor, principalmente a parte de criação de rotas dinâmicas. Fiquei com dúvida somente em relação ao uso da page de Erro 404, pois o quando cai nela, os componentes de TopAppBar simplesmente não existem

    • @kelvyncarvalho
      @kelvyncarvalho Рік тому +1

      Também pensei numa página de login inicial, que eu queria que não aparecesse as top bar e não sei como kk

    • @sirpripyat4274
      @sirpripyat4274 Рік тому +1

      @@kelvyncarvalho eu recomendo você dar uma olhada no NextJS. As novas docs do ReactJS recomendam utilizar o Next desde a criação do seu projeto.
      A partir do NextJS é possível criar uma tela de login e cadastro a parte do sistema

    • @kelvyncarvalho
      @kelvyncarvalho Рік тому

      @@sirpripyat4274 Nunca usei o next, vou analisar

  • @enioribeiro2859
    @enioribeiro2859 Рік тому

    Excelente!!

  • @caiomiiashiro
    @caiomiiashiro Рік тому

    vlw mano me ajudou muito

  • @alveselivelton
    @alveselivelton Рік тому

    Vídeo sensacional.

  • @luisdomiciano
    @luisdomiciano Рік тому

    Ótimo Vídeo!

  • @vmoraleesxz
    @vmoraleesxz 3 місяці тому

    perfeito!

  • @fredneidenogueiragaspar8790

    Aula boa

  • @AndersonOsj
    @AndersonOsj Рік тому

    Salvou a pátria!!!!

  • @bubumusicbrazil
    @bubumusicbrazil Рік тому

    muito obrigado pelo video

  • @eagle_2712
    @eagle_2712 27 днів тому +1

    conteudo mt bom, mas pq q aq no 21:40 vc usou ‘return navigate(“/“)’? tipo n ta retornando nada p ngm ja q a funcao ta dentro do onClick e eu testei aq e dava pra usar só o ‘navigate(“/“)’

  • @marcospaulolucasramos9525
    @marcospaulolucasramos9525 5 місяців тому

    Show dms!

  • @gabriellavarinimoreira9760
    @gabriellavarinimoreira9760 Рік тому

    Sensacional!

  • @gabrielmatosramos9675
    @gabrielmatosramos9675 Рік тому

    Tendo como base a aula de vue e do projeto do make burguer, que usou rotas de certo modo parecidas. posso criar um aplicação com conhecimentos obtidos nesse video?
    Pois acho as duas variaveis de rotas muito parecidas

  • @pedrolisidoro
    @pedrolisidoro 10 місяців тому

    Queria lhe perguntar algo. Como faço para quando submeter o button de um formulário, ele me redirecione para um path já estabelecido?

  • @KlausWolfgram
    @KlausWolfgram Рік тому

    Sensacional.

  • @candidofinda7819
    @candidofinda7819 Рік тому

    muito bom o video

  • @ozeiasgomesrabelo2591
    @ozeiasgomesrabelo2591 Рік тому +2

    É possível usa a expressão JS em vez de JSX no VITE ???

  • @gusthug
    @gusthug Рік тому

    Então agora eu tenho que usar esse Vite com o React se eu quiser utilizar o React Router?

  • @hellen-hpgc3114
    @hellen-hpgc3114 Рік тому

    Prof usando o VITE, como seria?
    Muda algo?

  • @rafaelcarvalhoalencar3776
    @rafaelcarvalhoalencar3776 Рік тому

    Professor qual o repositório desta aula no github?

  • @excelsemmedo
    @excelsemmedo Рік тому

    olá, quando eu faço um npm run build e coloco o projeto para rodar no apache, quando as rotas são feitas com o mouse pelo site vai bem, quando eu digito ela na mão no navegador na linha de endereço da erro, o mesmo não acontece quando estou no ambiente de desenvolvimento usando o run dev, o que ocorre?

  • @Alefh-er8zu
    @Alefh-er8zu Рік тому

    qual é o nome dessa extensão que você escreveu "rafce" e ele ja fez todo o build de import do react... a função com uma div..? No minuto 6:40

  • @wellingtoncimento8718
    @wellingtoncimento8718 Рік тому

    e como eu faço pra usar contextos nessa estrutura, onde eu coloco o provider do meu contexto pra poder ser acessível em todas as rotas?

  • @jairomatos1856
    @jairomatos1856 11 місяців тому +1

    atualiza o curso de react.... ficou dificil acompanhar com essa mudanca

  • @migueldoprado27
    @migueldoprado27 4 місяці тому

    Qual é a diferença entre o jsx e o tsx? o meu está tudo em tsx e dá erro na hora de colocar o comando "import React from 'react'"

  • @rcost28
    @rcost28 Рік тому

    Ok, entendi sobre o aproveitamento de pagina, porem se uma das paginas contem um componente que nao sera reaproveitado na outra pagina, como faco pra resolver?

  • @o_renanbarros
    @o_renanbarros Рік тому

    Matheus, faltou ensinar rotas privadas nessa nova versao.. to batendo cabeca aqui .. snif snif

  • @maonocontrole4218
    @maonocontrole4218 5 місяців тому

    Só fiquei com uma duvida, quando eu tenho uma página que não tem o mesmo header que outras, como posso fazer para ela não peggar o padrão da que está no App

  • @reuelsiIva
    @reuelsiIva Рік тому

    Route e BrowserRouter nao se usa mais?

  • @MarceloSousa.tech_hq
    @MarceloSousa.tech_hq Рік тому +1

    Nesta nova versão do React Router eu não posso mais utilizar os elementos/componentes , e ? Eu sou OBRIGADO a utilizar esse hook createBrowserRouter() e o componente ? Ou há alguma forma de continuar à utilizar os componentes citados?

    • @LuisEduardo-ik3ex
      @LuisEduardo-ik3ex Рік тому

      Você pode utilizar normalmente os antigos, porém de acordo com a documentação da ferramenta eles recomendam utilizar essa nova abordagem.

    • @cortespoliglota
      @cortespoliglota Рік тому

      @@LuisEduardo-ik3ex Tô na seção de routes em um curso de react de 2021-2022, e caramba... mudou demais

  • @matheusf6540
    @matheusf6540 Рік тому

    Olá, tem como voltar para página anterior sem passar parâmetros?

  • @willborral
    @willborral 11 місяців тому

    Por que não usar Typescript ?

  • @franciscofranco2681
    @franciscofranco2681 Рік тому

    Alguém sabe dizer se tem os códigos escritos em algum lugar?