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

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ธ.ค. 2024

ความคิดเห็น • 138

  • @MatheusBattisti
    @MatheusBattisti  8 หลายเดือนก่อน

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

  • @wellery
    @wellery ปีที่แล้ว +49

    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 5 หลายเดือนก่อน

      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 5 หลายเดือนก่อน +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!

  • @icarorodrigo96
    @icarorodrigo96 10 หลายเดือนก่อน +1

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

  • @mavick.
    @mavick. ปีที่แล้ว +6

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

  • @SailorUrgot
    @SailorUrgot 10 หลายเดือนก่อน

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

  • @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.

  • @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!

  • @rodrigosinastre7203
    @rodrigosinastre7203 ปีที่แล้ว

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

  • @BisquiOne
    @BisquiOne 9 หลายเดือนก่อน

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

  • @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!

  • @natanoliveiradasilva766
    @natanoliveiradasilva766 2 หลายเดือนก่อน

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

  • @pedr1nff988
    @pedr1nff988 17 วันที่ผ่านมา

    Obrigado, estava com problemas e vc me ajudou bastante

  • @iarlensantos3588
    @iarlensantos3588 ปีที่แล้ว +2

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

  • @Onegodev
    @Onegodev ปีที่แล้ว +1

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

  • @Miwakii
    @Miwakii ปีที่แล้ว

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

  • @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

  • @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.

  • @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

  • @matheusreis8121
    @matheusreis8121 ปีที่แล้ว +1

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

  • @merysilveira
    @merysilveira 9 หลายเดือนก่อน

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

  • @franciscolivino1500
    @franciscolivino1500 ปีที่แล้ว +1

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

  • @stillpickinganame5350
    @stillpickinganame5350 ปีที่แล้ว +2

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

  • @hermessantos181
    @hermessantos181 ปีที่แล้ว +2

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

  • @HudsonVentura
    @HudsonVentura 7 หลายเดือนก่อน

    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!

  • @LeandroNunes2014
    @LeandroNunes2014 ปีที่แล้ว

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

  • @DavidsonAguiardavidson
    @DavidsonAguiardavidson ปีที่แล้ว +1

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

  • @vicnogueira4525
    @vicnogueira4525 ปีที่แล้ว

    Boa aula, excelente Professor!

  • @arturpedrosa
    @arturpedrosa ปีที่แล้ว

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

  • @pedroporto3856
    @pedroporto3856 ปีที่แล้ว

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

  • @victoriagindre1459
    @victoriagindre1459 ปีที่แล้ว

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

  • @matheusfreiremartinsdacost4900
    @matheusfreiremartinsdacost4900 ปีที่แล้ว

    meus mais honestos parabens irmao,sucesso no canal

  • @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

  • @DanielMartins-yi5tx
    @DanielMartins-yi5tx 2 หลายเดือนก่อน

    muito massa o video explicação exelente

  • @gabrielneves7104
    @gabrielneves7104 ปีที่แล้ว

    Excelente conteúdo e didática!

  • @Matheuscantanhede-k6g
    @Matheuscantanhede-k6g ปีที่แล้ว

    salvou minha vida meu amigo, muito obrigado

  • @fernandorodrigues6967
    @fernandorodrigues6967 ปีที่แล้ว

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

  • @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!

  • @moacirdavid3562
    @moacirdavid3562 ปีที่แล้ว +1

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

  • @davioliveira848
    @davioliveira848 หลายเดือนก่อน

    Me ajudou bastante. Obrigado

  • @ANABEATRIZDUTTONDASILVABRAUNA
    @ANABEATRIZDUTTONDASILVABRAUNA 2 หลายเดือนก่อน

    Arrasou muito

  • @SarausLiterarios
    @SarausLiterarios 9 หลายเดือนก่อน

    Excelente conteúdo, Matheus Battisti.

  • @israelmathusse7100
    @israelmathusse7100 8 หลายเดือนก่อน

    Aula muito boa

  • @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.

  • @niltonfernandes7928
    @niltonfernandes7928 ปีที่แล้ว

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

  • @GilbertoMadeira83
    @GilbertoMadeira83 ปีที่แล้ว

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

  • @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??

  • @jailsonsantos555
    @jailsonsantos555 ปีที่แล้ว

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

  • @wagnerfeltenrodrigues6383
    @wagnerfeltenrodrigues6383 ปีที่แล้ว

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

  • @MrFelipefsf
    @MrFelipefsf ปีที่แล้ว

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

  • @rogerionj
    @rogerionj ปีที่แล้ว

    parabéns pelo vídeo, ficou top

  • @nemsei123
    @nemsei123 ปีที่แล้ว

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

  • @arturfreitas5363
    @arturfreitas5363 ปีที่แล้ว +1

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

  • @vieiramaicon
    @vieiramaicon ปีที่แล้ว

    Aula muito boa.

  • @victtorcampos
    @victtorcampos 10 หลายเดือนก่อน

    Maravilha! 👏👏👏👏

  • @RosembergsonLacerda
    @RosembergsonLacerda 10 หลายเดือนก่อน

    gostei mt, parabens pelo video

  • @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!!

  • @afonsoserrao7537
    @afonsoserrao7537 ปีที่แล้ว

    Obrigado, ajudou imenso

  • @WallaceSilva09
    @WallaceSilva09 3 หลายเดือนก่อน

    Muito bom bem completinho. vlw

  • @charlesconde975
    @charlesconde975 ปีที่แล้ว

    excelente aula!

  • @lucasfrazao4997
    @lucasfrazao4997 ปีที่แล้ว

    Show de bola professor, obrigado!

  • @rheavictor7
    @rheavictor7 ปีที่แล้ว

    Muito bom, obrigado!

  • @dimascapelari
    @dimascapelari ปีที่แล้ว

    Aula TOP parabéns

  • @sfsorf2125
    @sfsorf2125 ปีที่แล้ว +1

    muito bom, entendi perfeitamente :)

  • @AcilioCarraro
    @AcilioCarraro ปีที่แล้ว +1

    super video, thanks a lot

  • @enioribeiro2859
    @enioribeiro2859 ปีที่แล้ว

    Excelente!!

  • @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

  • @marcospaulolucasramos9525
    @marcospaulolucasramos9525 5 หลายเดือนก่อน

    Show dms!

  • @luisdomiciano
    @luisdomiciano ปีที่แล้ว

    Ótimo Vídeo!

  • @guiz3176
    @guiz3176 ปีที่แล้ว

    Que aula incrível!

  • @fredneidenogueiragaspar8790
    @fredneidenogueiragaspar8790 ปีที่แล้ว

    Aula boa

  • @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

    • @djairalmeida
      @djairalmeida ปีที่แล้ว +1

      ES7+ React/Redux/React-Native snippets

    • @MatheusMiranda13
      @MatheusMiranda13 8 หลายเดือนก่อน

      @@djairalmeida boaaa!!

  • @vmoraleesxz
    @vmoraleesxz 3 หลายเดือนก่อน

    perfeito!

  • @gabriellavarinimoreira9760
    @gabriellavarinimoreira9760 ปีที่แล้ว

    Sensacional!

  • @alveselivelton
    @alveselivelton ปีที่แล้ว

    Vídeo sensacional.

  • @caiomiiashiro
    @caiomiiashiro ปีที่แล้ว

    vlw mano me ajudou muito

  • @cortespoliglota
    @cortespoliglota ปีที่แล้ว

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

  • @bubumusicbrazil
    @bubumusicbrazil ปีที่แล้ว

    muito obrigado pelo video

  • @eagle_2712
    @eagle_2712 หลายเดือนก่อน +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(“/“)’

  • @pedrolisidoro
    @pedrolisidoro 11 หลายเดือนก่อน

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

  • @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

  • @KlausWolfgram
    @KlausWolfgram ปีที่แล้ว

    Sensacional.

  • @candidofinda7819
    @candidofinda7819 ปีที่แล้ว

    muito bom o video

  • @AndersonOsj
    @AndersonOsj ปีที่แล้ว

    Salvou a pátria!!!!

  • @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?

  • @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

  • @gusthug
    @gusthug ปีที่แล้ว

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

  • @migueldoprado27
    @migueldoprado27 5 หลายเดือนก่อน

    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'"

  • @maonocontrole4218
    @maonocontrole4218 6 หลายเดือนก่อน

    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

  • @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?

  • @ozeiasgomesrabelo2591
    @ozeiasgomesrabelo2591 ปีที่แล้ว +2

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

  • @rafaelcarvalhoalencar3776
    @rafaelcarvalhoalencar3776 ปีที่แล้ว

    Professor qual o repositório desta aula no github?

  • @hellen-hpgc3114
    @hellen-hpgc3114 ปีที่แล้ว

    Prof usando o VITE, como seria?
    Muda algo?

  • @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?

  • @matheusf6540
    @matheusf6540 ปีที่แล้ว

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

  • @o_renanbarros
    @o_renanbarros ปีที่แล้ว

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

  • @reuelsiIva
    @reuelsiIva ปีที่แล้ว

    Route e BrowserRouter nao se usa mais?

  • @emillytheo
    @emillytheo 11 หลายเดือนก่อน +1

    E se eu não quiser usar o vite muda algo?

    • @eullerl4768
      @eullerl4768 8 หลายเดือนก่อน

      já tirou essa dúvida?

  • @willborral
    @willborral ปีที่แล้ว

    Por que não usar Typescript ?