Скачать или смотреть React Router Dom: Como Gerenciar Rotas Protegidas e Layouts em Seu Projeto React.

☕ Mais café com programação!!

Código da Contratação: https://samuel-santos-mtx.hotmart.hos...

🎯O vídeo é um tutorial sobre o React Router Dom, focado em como gerenciar rotas, layouts e navegação em um projeto React. O apresentador, Samuel Santos de Matos, guia o espectador desde a instalação da biblioteca até a definição de rotas, criação de layouts compartilhados com o Outlet e a implementação de navegação com o componente Link. O tutorial também mostra como criar uma rota "protegida" com uma página de login, utilizando o hook useNavigate para simular um redirecionamento após a autenticação. O objetivo é demonstrar como construir uma aplicação robusta e organizada com controle de rotas.

🖥️ Aqui a gente fala sobre desenvolvimento web, análise de vagas, projetos práticos e tudo que pode te ajudar a evoluir na área da tecnologia — com uma linguagem simples e sem enrolação.

📲 Me acompanhe nas redes:
Instagram:   / samuel.santosmatos.7  
Tiktok:   / profaamuelmatos  
LinkedIn:   / samuel-santos-de-matos-443123117  
Empresa: https://mtxsistemas.tech/

⏳Tempo
00:46 - Introdução: Explicação do React Router Dom.
01:03 - Instalação da dependência react-router-dom.
02:18 - Implementando o BrowserRouter.
03:09 - Definindo as rotas principais.
04:47 - Criando um componente de Layout reutilizável.
05:45 - Estruturando rotas com o Layout.
08:09 - Criando uma nova página e rota.
10:50 - Usando o Link para navegação.
14:04 - Criando uma rota protegida (login).
15:55 - Lógica do login com useNavigate.
17:28 - Demonstração da navegação e rotas.
18:46 - Resumo e conclusões do tutorial.