Ótimo vídeo, João! Gostei muito das funcionalidades dessa nova versão do react router também. Só compartilhando um plus: nesse é possível vc passar uma prop context e passar qualquer informação que desejar ali, na qual vai ser passado para todos os componentes filhos. Exemplo: // no componente Layout Sendo assim, todos os componentes filhos tem acesso a essa prop name pelo novo hook useOutletContext que vc importa do react-router-dom também. Para acessar essa prop, tanto a PageA ou a PageB que são filhos do Layout, vc faria simplesmente isso -> const { name } = useOutletContext();
Esse é um daqueles comentário que agrega bastante conhecimento mesmo tendo terminado o vídeo Parabéns pela iniciativa de dividir seu conhecimento conosco!!!
João, passei algumas horas batendo cabeça com um outro desenvolvedor para resolver esse router e outlet e seu vídeo resolveu para mim! Muitíssimo obrigado!! Considera colocar aquele botãozinho de doação nos teus vídeos? Gosto de retribuir para quem ajuda desse jeito!! Abraço
MUITOOOOOOOO OBRIGADO CARA. man, to fazendo um curso de um gringo na udemy e gastei mó tempo tentando entender isso e não entendi.. aí fui pra documentação e passei umas 4h horas lendo e fazendo junto com o tutorial e ainda sim não consegui, agora com seu exemplo eu entendi 100% como functiona isso... carai man, obrigado mesmo 🙏
Obrigado Murilo! Acabei de adicionar uma opção de membros exclusiva aqui no youtube! Vou receber sugestões por lá, veja se faz sentido pra ti, começa a partir de R$ 4,99
Obrigado Lucas! Acabei de adicionar uma opção de membros exclusiva aqui no youtube! Vou receber sugestões por lá, veja se faz sentido pra ti, começa a partir de R$ 4,99
Top! Eu estou estudando ReactJS e os cursos estão nas versões anteriores da biblioteca React Router, tipo V5, extourando V6 sem a Outlet. Entretanto, gosto de olhar as documentações e, no momento que estou vendo esse vídeo, o React Router está na versão 6.14.2 com novas features implementadas ainda mais massa!
Sem dúvidas, e confesso que, embora hajam melhorias, eles estão em um fluxo muito grande de breaking changes, e não me sinto nada confortável com isso... a cada 6 meses tenho a impressão que mudam "tudo"
Você é foda! Desculpe pela expressão rsrs, mas era uma solução que eu estava procurando para organizar melhor minhas rotas. Eu fazia um "gato" com as rotas, só pra puxar uma página dentro de outra. Assisto mais seus vídeos do que os da faculdade rsrsrs!
Excelente vídeo! Estou aprendendo programação de software, e é da minha natureza entender um pouco mais sobre alguns recursos quando fica uma dúvida do tipo "Como isso funciona mesmo?" Li a documentação, vi uns exemplos, mas o seu vídeo conseguiu explicar tudo e um pouco mais! Muito obrigado!
massa demais, estou usando o Outlet em uma SPA de um restaurante, e que delícinha é alternar as rotas por ele, com sua explicação ficou tudo mais claro
ótima aula! adiciono que você pode usar o path=index em uma das childrens caso queira deixa-la como default e o seu render ocorra ao acessar a parent route
Obrigado Luiz! Acabei de adicionar uma opção de membros exclusiva aqui no youtube! Vou receber sugestões por lá, veja se faz sentido pra ti, começa a partir de R$ 4,99
Curti o vídeo pela simplicidade que explicou, eu atualmente utilizava desde a versão beta, porém tenho utilizado ele, passando um objeto com as rotas. Dai eu utilizo aquele hook, acho que é 'useRoutes' algo desse tipo para renderizar.
Gostei muito! Ajudou bastante no meu projeto. Se surgir uma oportunidade, João Bibiano, gostaria de marcar uma reunião contigo. Gostei da sua didática e estou com um projeto que pode te interessar, como criador de conteúdo educacional.
Qual abordagem você usa para que um compoment não renderizei em rotas específicas? Exemplo: Na página de erro 404 e página de login não há necessidade de mostrar o rodapé e o cabeçalho com menu etc... Como faria para remover de dessas rotas?
Fala mestre, cara fiquei com dúvida de como aplicar o nested router, no caso, seria para quando eu tenho um conteúdo no pai, que os filhos tbm vão herdar esse conteúdo, correto? No caso, se eu não quiser que o filho herde nada do pai, como que ficaria? Um exemplo, tenho uma página chamada usuários, onde sua rota ficará /users, dentro de users, vai vim users/create e users/edit/:id, minha dúvida é, eu crio rotas separadas para não herdar nada do users?
Excelente vídeo! No caso só fiquei com dúvida em uma parte, Outlet renderiza o children que tiver match com a rota, mas e se houver diferentes layouts e você precisar alterar o layout geral pra cada rota?
Ótimo vídeo, João! Gostei muito das funcionalidades dessa nova versão do react router também.
Só compartilhando um plus: nesse é possível vc passar uma prop context e passar qualquer informação que desejar ali, na qual vai ser passado para todos os componentes filhos. Exemplo:
// no componente Layout
Sendo assim, todos os componentes filhos tem acesso a essa prop name pelo novo hook useOutletContext que vc importa do react-router-dom também. Para acessar essa prop, tanto a PageA ou a PageB que são filhos do Layout, vc faria simplesmente isso -> const { name } = useOutletContext();
Excelente comentário Pedro!! Muito obrigado
Esse é um daqueles comentário que agrega bastante conhecimento mesmo tendo terminado o vídeo
Parabéns pela iniciativa de dividir seu conhecimento conosco!!!
obrigado por compartilhar essa possibilidade!
Em 13:25 min eu entendi o que o cara não explicou em 3 horas... Parabéns pelo excelente conteúdo e forma de nos repassar o conhecimento!
Valeu Michel, obrigado!
João, passei algumas horas batendo cabeça com um outro desenvolvedor para resolver esse router e outlet e seu vídeo resolveu para mim! Muitíssimo obrigado!!
Considera colocar aquele botãozinho de doação nos teus vídeos? Gosto de retribuir para quem ajuda desse jeito!!
Abraço
Obrigado pelo suporte! Acabei de adicionar uma opção de 4,99 por mês! Vou receber sugestões por lá
Olha o homem de volta hein...
melhor video sobre react router do youtube
MUITOOOOOOOO OBRIGADO CARA. man, to fazendo um curso de um gringo na udemy e gastei mó tempo tentando entender isso e não entendi.. aí fui pra documentação e passei umas 4h horas lendo e fazendo junto com o tutorial e ainda sim não consegui, agora com seu exemplo eu entendi 100% como functiona isso... carai man, obrigado mesmo 🙏
Fico muito feliz de saber Igor! Valeu pelo apoio.
Salvou demais!!!! Aulas de 30 minutos não explicaram metade disso e ainda complicaram mais ainda.
Obrigado!!!
Melhor conteúdo sobre o outlet! Parabéns, conseguiu explicar de uma forma muito boa.
Você conseguiu me passar uma informação de uma forma tão faaaacil, parabéns !!
Obrigado Murilo! Acabei de adicionar uma opção de membros exclusiva aqui no youtube! Vou receber sugestões por lá, veja se faz sentido pra ti, começa a partir de R$ 4,99
Muito obrigado por disponibilizar o seu tempo e nos ensinar Outlet de uma forma tão prática!
Obrigado Lucas! Acabei de adicionar uma opção de membros exclusiva aqui no youtube! Vou receber sugestões por lá, veja se faz sentido pra ti, começa a partir de R$ 4,99
Manoo, serio, cada vez que ele explica da vontade de curtir e inscrever de novo hahaha Ótimo conteudo brother!
Top! Eu estou estudando ReactJS e os cursos estão nas versões anteriores da biblioteca React Router, tipo V5, extourando V6 sem a Outlet. Entretanto, gosto de olhar as documentações e, no momento que estou vendo esse vídeo, o React Router está na versão 6.14.2 com novas features implementadas ainda mais massa!
Sem dúvidas, e confesso que, embora hajam melhorias, eles estão em um fluxo muito grande de breaking changes, e não me sinto nada confortável com isso... a cada 6 meses tenho a impressão que mudam "tudo"
Tbm não curto muito tanta mudança
Excelente vídeo! Obrigada por compartilhar!
Você é foda! Desculpe pela expressão rsrs, mas era uma solução que eu estava procurando para organizar melhor minhas rotas. Eu fazia um "gato" com as rotas, só pra puxar uma página dentro de outra. Assisto mais seus vídeos do que os da faculdade rsrsrs!
Que bom Jorge! Sensacional.
muito boa a aula
você é fora de série João
Excelente vídeo!
Estou aprendendo programação de software, e é da minha natureza entender um pouco mais sobre alguns recursos quando fica uma dúvida do tipo "Como isso funciona mesmo?"
Li a documentação, vi uns exemplos, mas o seu vídeo conseguiu explicar tudo e um pouco mais!
Muito obrigado!
Valeu Ventura! abraço
massa demais, estou usando o Outlet em uma SPA de um restaurante, e que delícinha é alternar as rotas por ele, com sua explicação ficou tudo mais claro
ótima aula! adiciono que você pode usar o path=index em uma das childrens caso queira deixa-la como default e o seu render ocorra ao acessar a parent route
Ótima Dica Deywid
Parabéns pelo vídeo!
Ótima explicação!
Nossa mto obrigado por este vídeo cara, me ajudou DMS, já me inscrevi ❤
Valeu meu caro
Muito massa essa função do outlet.
Eu tava com tanto problmea, me ajudou muito. Obrigado
Opa obrigado pelo comentário john! Compartilha o canal com mais pessoas ;)
ótima explicação, muito obrigado!
Didática sensacional, João!! Muito obrigado :)
Obrigado Vinícius!
excelente explicação, ganhou um sub!!!
Muito didático! parabens.
valeu helder!
Mano, muito obrigado pelo vídeo. Fui esclarecedor! Parabéns!
Obrigado Luiz! Acabei de adicionar uma opção de membros exclusiva aqui no youtube! Vou receber sugestões por lá, veja se faz sentido pra ti, começa a partir de R$ 4,99
Muitoo obrigado, isso vai me ajudar muito no meu projeto!
Valeu pelo feedback Ruther!
Ótimo conteúdo , continue assim . Vc é uma grande inspiração para mim.
Bora Luca!
Muito foda, melhorou demais a vida
sem dúvidas
Explicação muito boa, valeu demais
Muito Bom o vídeo! bem explicado e gostei muito da sua didática
Valeu Leonardo!
Show de bola o video, explicou de forma clara!
Muito loko esse recurso! vlw pelo video!
Tmj!
ótimo vídeo
Nossa que top, extremamente útil
valeu hugo!
Parabens video e expicação excelente
Curti o vídeo pela simplicidade que explicou, eu atualmente utilizava desde a versão beta, porém tenho utilizado ele, passando um objeto com as rotas. Dai eu utilizo aquele hook, acho que é 'useRoutes' algo desse tipo para renderizar.
Bem massa Marcos!
Gostei muito! Ajudou bastante no meu projeto.
Se surgir uma oportunidade, João Bibiano, gostaria de marcar uma reunião contigo. Gostei da sua didática e estou com um projeto que pode te interessar, como criador de conteúdo educacional.
Qual abordagem você usa para que um compoment não renderizei em rotas específicas?
Exemplo: Na página de erro 404 e página de login não há necessidade de mostrar o rodapé e o cabeçalho com menu etc... Como faria para remover de dessas rotas?
tenha um layout que aceite props e renderize baseado nisso, ou use Next e o sistema de layout dele.
Muito bom.
Gostaria de ver rotas de clientes e admin.
Como identificar quem usa cada rota.
Obrigado.
Obrigado!
Aproveita e se inscreve no canal para não perder os próximos!
@@joaobibiano já sou inscrito, há umas semanas.
Just what i needed
Fala mestre, cara fiquei com dúvida de como aplicar o nested router, no caso, seria para quando eu tenho um conteúdo no pai, que os filhos tbm vão herdar esse conteúdo, correto? No caso, se eu não quiser que o filho herde nada do pai, como que ficaria? Um exemplo, tenho uma página chamada usuários, onde sua rota ficará /users, dentro de users, vai vim users/create e users/edit/:id, minha dúvida é, eu crio rotas separadas para não herdar nada do users?
Mto próximo se não igual ao que já sempre existiu no Vue que é o router-view.
Obrigado por compartilhar Felipe!
Legal, parece o Dudu Camargo o que deixa mais divertido ainda hahahahaha
eita, não sei quem é, vou ver
@@joaobibiano só zueirinha, mas seu equilíbrio entre didática e entretenimento é bem impressionante, parabéns.
Muito bom
teria algo assim para o next ? estou a procura dessa funcionalidade no next
Há sim, nas versões mais novas existe os layouts.
👏🏼
Excelente vídeo! No caso só fiquei com dúvida em uma parte, Outlet renderiza o children que tiver match com a rota, mas e se houver diferentes layouts e você precisar alterar o layout geral pra cada rota?
Se tem um layout para cada rota, ou você tem rotas diferentes, ou usa a mesma rota, mas ai tem alguma configuração que te diga qual deve renderizar.
Como você usa esses recursos de desenhar como se fosse Paint na tela? É de qual programa?
ScreenBrush para o mac
otimo video, teria como usar o react router passando as variaveis de uma requisição do banco? tipo;
const routesRender = () => {
if(sitesDados != null){
return sitesDados.map((task, index) => {
if (task.menuName != null) {
return (
)
}
});
}
};
return (
{routesRender()}
{/*
*/}
);
O element ele não reconhece, sabe se teria alguma forma de fazer funcionar?
tem sim, Entra na nossa comunidade para tentarmos te ajudar por lá joaobibiano.com/discord
Como faz para o prettier parar de identar as Routes "filhas"? 😅
Manda lá no grupo do discord exatamente o que você quer dizer :)
nao funcionou
cara manda lá na comunidade o que não funcionou joaobibiano.com/discord
👏👏👏👏👏👏👏👏