React Router DOM v6 | Rutas Protegidas | Rutas Anidadas | Typescript | Tailwind CSS

Si estás aprendiendo React js 💖, debes saber que las RUTAS son parte esencial de casi cualquier proyecto de React. En este video te muestro cómo configurarlas DE MANERA PROFESIONAL usando REACT ROUTER DOM.

🏅 Al finalizar este video podrás haber aprendido no solo a crear rutas con React Router DOM, sino también a agregar layouts por ruta, crear rutas anidadas (nested routes), rutas protegidas, guardias, lazy loading, y el uso de hooks como useLocation y useNavigation.
💚Y si eres parte del 1% que lee esta descripción.💚 Déjame un comentário con un monito 🐒 y pongamos a los Monkeys de moda.
Además, aquí 👇 te recomiendo otros videos que te ayudarán a tornarte un verdadero 💪 CRACK FULL STACK del desarrollo:

React & Redux Toolkit: https://youtu.be/c0MpQeOKc-4
API REST con Node js & MongoDB: https://youtu.be/S4IgPTwwPBw
API REST con Nodejs & MySQL: https://youtu.be/FD6-sd0C-2M
Setup de Node js & Typescript: https://youtu.be/I-f6aQzHHMo
Vue js práctico para principiantes: https://youtu.be/x1YYK0G48F0

✅ LINKS:
Repo del proyecto: https://github.com/monkeywit/React-Router-DOM-Setup
🎯 SUSCRÍBETE A NUESTRO CONTENIDO: http://bit.ly/35PxZE0

💬 SÍGUENOS EN NUESTRAS REDES!!
Fcebook: https://www.facebook.com/monkeywit
Instagram: https://www.instagram.com/monkey.wit/
GitHub: https://github.com/monkeywit
0:00 Intro
0:39 Creando proyecto de React con Vite
9:43 Instalando y configurando Tailwind CSS
14:18 Creando componente de navegación (Navbar)
24:42 Instalando React Router DOM
26:30 BrowserRouter, Routes y Route
36:00 Páginas y lazy loading
41:45 Layouts
48:34 Rutas anidadas (Nested routes)
1:02:06 Rutas protegidas
1:11:34 Componente Link
1:13:30 Hook useLocation
1:16:48 Hook useNavigate

Видео React Router DOM v6 | Rutas Protegidas | Rutas Anidadas | Typescript | Tailwind CSS канала MonkeyWit