React, Rutas protegidas con React Router v6

Aprende a proteger rutas desde el frontend usando React y React Router DOM desde cero. Este es un ejemplo práctico para desarrolladores frontend que usan React, para que puedan crear logica que permita mostrar paginas de usuarios solo si estos están autenticados o tienen determinado Rol, esta este tutorial es la base de futuros curso de React usando código de Backend. Código del ejemplo práctico: https://github.com/fazt/react-router-protected Índice del Tutorial: 00:00 Introducción 00:37 Requerimientos 00:51 Project Setup 03:26 React Router DOM Routes 14:31 Login y logout (Simulacion) 20:01 Protected Routes 28:30 Multiples Rutas protegidas (Outlet) 33:16 Roles y Permisos 🎥 Videos Recomendados: Curso de React ➜ https://youtu.be/rLoWMU4L_qE Curso de React Router DOM v6 ➜ https://youtu.be/7xRVnmWcTE8 Excalidraw (Herramienta de dibujo) ➜ https://youtu.be/KjyBL60uFL0 Curso de Nodejs ➜ https://youtu.be/i3OdKwuBjeM Curso de Express ➜ https://youtu.be/JmJ1WUoUIK4 Curso de JSON ➜ https://youtu.be/LJzDHKPLWYw Curso de Git ➜ https://youtu.be/HiXLkL42tMU Variables de entorno Nodejs ➜ https://youtu.be/U6st9-lNUyY HTML ➜ https://youtu.be/rbuYtrNUxg4 CSS ➜ https://youtu.be/W6GTDfrWjXs Javascript Orientado a Objetos ➜ https://youtu.be/N_t1A39IB_8 Arrays en Javascript ➜ https://youtu.be/qqR1enOceVg ES Modules ➜ https://youtu.be/0t-Le4kdaMg 👨‍💻 ¿Qué servicios y productos utilizo? Ledger (Hardware Wallet) ➞ https://bit.ly/3ijsVNW SiteGround ➞ https://bit.ly/31u9ZEk DigitalOcean ➞ https://m.do.co/c/8ef261d77de5 Expo ➞ https://bit.ly/2WpYKtx Cloudinary ➞ https://bit.ly/3ohNlJ7 Este video es una actualizacion de un video que grabe hace 4 años, este es el enlace al video antiguo: https://youtu.be/p8CoR-wymQg #reactjs #reactrouter #desarrolloweb