Bom dia, Otávio! Parabéns pelo vídeo. Excelenteeeee! Tenho uma pequena dúvida... fiz um sistema aqui com rotas privadas, quando eu faço o login ele me redireciona para a home navigate('/') com o navigate, até aqui blz, mas quando eu tento acessar uma rota privada sem estar logado ele me redireciona para o login, tudo certo até aqui. Agora é a dúvida! Como faço para ser redirecionado de volta para a rota privada após o login? Lembrando que são várias rotas privadas, eu gostaria que o navigate ou outro recurso do React Router Dom 6, após o login redirecionasse de volta para a rota privada que foi clicada antes de ser logado. Pensei em talvez criar um useState para cada rota, mas não acho viável. Uma forma que encontrei para resolver o problema temporariamente é colocar no navigate(-1), após, clicar no login, desta forma ele sempre retorna para a página anterior e caso não tenha página anterior ele redireciona para a home. Assim está funcionando... tem alguma forma melhor de fazer isso?
Muito bom! Só uma duvida e se eu tenho rotas com varios ids pra trazer uma lista, e eu tenho que comparar esses ids e em cada url trazer uma lista diferente e que é comparada com a anterior como proceder?
Parabéns pelo vídeo! Existe uma forma de fazer um arquivo principal de rotas que importa outros arquivos de rotas? ex: routesMain que importa routesEstoque, routesFinanceiro etc.
Otávio, poderia me tirar uma dúvida? Estou iniciando os estudos em React e fiquei bem curioso.... em "element" vc coloca o componente entre { }, porque precisa ser entre chaves? Não funciona sem elas?
Boa tarde. Não sou o Otávio, mas irei responder sua pergunta.... você precisa passar entre chaves pois é uma exigência do react-router-dom. A propriedade Element é do tipo ReactNode | null, o que é passado dentro de Element é um component React e se passar dentro de " " será renderizado como string e não como componente React. Espero ter ajudado...
olha muito obrigado, seu video foi excelente, exclareu muitas duvidas de uso e modos de aplicações que posso usar o React Router DOM v6, ganhou mais um inscrito e o meu like no video, novamente obrigado!
Show a aula... parabéns. Uma dúvida: é possível separar as rotas em arquivos diferentes? Ex: rotas para cadastros e rotas para contas a pagar e receber. Muito obrigado!
Professor, ao finalizar uma aplicação simples confeccionando as rotas com o react-router-dom, quando fiz o build, a minha aplicação ficou em uma tela branca. Alterei os paths na index.html mas mesmo assim não funcionou. O que pode ser?
@@eduardoluiz5762 Meu problema era com o ambiente de produção, amigo. Nada a ver com dev não. Consegui resolver. Provavelmente o seu erro se dá por causa da versão do React, ou por alguma inconsistência na instalação. Manda mais detalhes aí se não tiver conseguido resolver ainda.
Muito obrigado pela ótima explicação, Otávio se possível tira uma duvida, digamos que eu esteja desenvolvendo um ERP, nele temos várias rotas aninhadas, para não ficar um arquivo gigante com todas as rotas, como eu poderia quebrar esse arquivo em vários arquivos e importar eles? ex: (router.tsx ele é o pai "renderizando por exemplo "/erp", ai aninhada eu tenho as rotas de cadastrado porem em outro arquivo, router.cadastro.tsx")
2 ปีที่แล้ว +1
Da uma olhada nesse link, eles explicam isso aqui - reactrouter.com/docs/en/v6/getting-started/overview
@@alveselivelton Eu fiz tudo na versão mais recente e funciona do mesmo jeito, sem contar que a documentação serve justamente para isso: se manter atualizado!
Melhor aula sobre React Router que já assisti. Você é o cara! Parabéns!
Melhor curso que achei sobre esse tema
Depois grava um vídeo mostrando como funciona o history no router dom v6
Essa sem sombras de dúvida é a melhor aula de React Router que existe!
Didática impecável e edição maravilhosa!
me salvou demais as rotas aninhadas e outlet
que achado o melhor que eu vi ate agora
Parabéns excelente vídeo, didática sinistra.
Parabéns mestre, vi que adicionou la na Udemy, vim aqui no YT ver, deixar meu like e entender mais a respeito.
Muito boa a explicação.
Destrinchou o assunto!!
Mandou bem demais, obrigadão Otavio
otima didatica, muito obrigada !!
Show de bola, Muito bom.
Obrigada! Que Aula...
Disponha!
Obrigado!!!
Vídeo perfeito, muito bem explicado 🤩
Obrigado
Bom dia, Otávio! Parabéns pelo vídeo. Excelenteeeee! Tenho uma pequena dúvida... fiz um sistema aqui com rotas privadas, quando eu faço o login ele me redireciona para a home navigate('/') com o navigate, até aqui blz, mas quando eu tento acessar uma rota privada sem estar logado ele me redireciona para o login, tudo certo até aqui. Agora é a dúvida! Como faço para ser redirecionado de volta para a rota privada após o login? Lembrando que são várias rotas privadas, eu gostaria que o navigate ou outro recurso do React Router Dom 6, após o login redirecionasse de volta para a rota privada que foi clicada antes de ser logado. Pensei em talvez criar um useState para cada rota, mas não acho viável.
Uma forma que encontrei para resolver o problema temporariamente é colocar no navigate(-1), após, clicar no login, desta forma ele sempre retorna para a página anterior e caso não tenha página anterior ele redireciona para a home. Assim está funcionando... tem alguma forma melhor de fazer isso?
Professor da um mini curso de NestJS e fala sobre a diferença entre ele e express
Qual seria melhoro roganização para os routes? deixar tudo no App.tsx mesmo?
muito bom!!
Muito bom! Só uma duvida e se eu tenho rotas com varios ids pra trazer uma lista, e eu tenho que comparar esses ids e em cada url trazer uma lista diferente e que é comparada com a anterior como proceder?
Parabéns pelo vídeo! Existe uma forma de fazer um arquivo principal de rotas que importa outros arquivos de rotas? ex: routesMain que importa routesEstoque, routesFinanceiro etc.
Otávio, poderia me tirar uma dúvida? Estou iniciando os estudos em React e fiquei bem curioso.... em "element" vc coloca o componente entre { }, porque precisa ser entre chaves? Não funciona sem elas?
Boa tarde. Não sou o Otávio, mas irei responder sua pergunta.... você precisa passar entre chaves pois é uma exigência do react-router-dom. A propriedade Element é do tipo ReactNode | null, o que é passado dentro de Element é um component React e se passar dentro de " " será renderizado como string e não como componente React. Espero ter ajudado...
olha muito obrigado, seu video foi excelente, exclareu muitas duvidas de uso e modos de aplicações que posso usar o React Router DOM v6, ganhou mais um inscrito e o meu like no video, novamente obrigado!
Espero muito que você apresente mais conteudo do react como esse
Show a aula... parabéns. Uma dúvida: é possível separar as rotas em arquivos diferentes? Ex: rotas para cadastros e rotas para contas a pagar e receber.
Muito obrigado!
Se você quiser, sim. Perceba que no seu arquivo de rotas você importa todos os componentes, então, basta chamar corretamente no seu App.tsx
Professor, ao finalizar uma aplicação simples confeccionando as rotas com o react-router-dom, quando fiz o build, a minha aplicação ficou em uma tela branca. Alterei os paths na index.html mas mesmo assim não funcionou. O que pode ser?
Também estou com esse problema, quando importo o Routes diz que is not exported from 'react-router-dom'
@@eduardoluiz5762 Meu problema era com o ambiente de produção, amigo. Nada a ver com dev não. Consegui resolver. Provavelmente o seu erro se dá por causa da versão do React, ou por alguma inconsistência na instalação. Manda mais detalhes aí se não tiver conseguido resolver ainda.
Muito obrigado pela ótima explicação, Otávio se possível tira uma duvida, digamos que eu esteja desenvolvendo um ERP, nele temos várias rotas aninhadas, para não ficar um arquivo gigante com todas as rotas, como eu poderia quebrar esse arquivo em vários arquivos e importar eles? ex: (router.tsx ele é o pai "renderizando por exemplo "/erp", ai aninhada eu tenho as rotas de cadastrado porem em outro arquivo, router.cadastro.tsx")
Da uma olhada nesse link, eles explicam isso aqui - reactrouter.com/docs/en/v6/getting-started/overview
Qual a extensão usada para escrever em jsx com emmet ?
obs: o emmet não funciona em jsx
cara muito bom os seus videos mas a musica de fundo ta tao alta fica complicado acompanhar algo que também é complexo .
Opa, obrigado 🙏
qual a font que vc está usando?
Operator mono
qual o tema você usa no vsc ??
@Wellington Rodrigues eu queria esse tema, ele é mt maneiro
marketplace.visualstudio.com/items?itemName=omthemes.omthemes
@ vlww
Conteúdo incrível, teria como fazer um vídeo mais atualizado com a versão 6.4?
Não muda nada.
@@ramonStones Na verdade, a versão 6.3 continua funcionando, porém, a configuração da versão 6.4 é bem diferente.
@@alveselivelton Eu fiz tudo na versão mais recente e funciona do mesmo jeito, sem contar que a documentação serve justamente para isso: se manter atualizado!