Contenido del curso

    1. Introducción

    2. ¿Cómo funcionará el curso?

    3. ¿Cómo realizar preguntas?

    4. Instalaciones recomendadas

    5. Tutorial oficial de React Router

    6. ¡Únete a Nuestra Comunidad de DevTalles en Discord!

    1. Librería (Declarativa) vs Framework

    1. Introducción

    2. Temas puntuales

    3. Inicio de proyecto - SupportChat

    4. Opcional - Cursor_ai: .cursorRules

    5. Diseño del login

    6. Diseño del chat

    7. Código fuente

    1. Introducción

    2. Temas puntuales

    3. Inicio de proyecto - SupportChat

    4. React Router - Instalación y configuración

    5. Rutas hijas

    6. Carga perezosa de rutas

    7. useNavigate - Navegación manual

    8. Parametros por URL - Segmentos de ruta

    9. Separación de componentes adicionales

    10. Código fuente

    1. Introducción

    2. Temas puntuales

    3. Fake backend y fake data

    4. TanStack Query

    5. Mostrar listado de clientes

    6. useParams - Seleccionar el cliente activo

    7. Mostrar tarjeta del cliente

    8. Página de chat

    9. Rutas privadas

    10. Simulación de autenticación

    11. Invalidar queries

    12. Cerrar sesión

    13. Mutación - Enviar mensaje

    14. Código fuente

    1. Introducción

    2. Temas puntuales

    3. Inicio de proyecto - SupportChat

    4. Opcional - Cursor_ai: .cursorRules

    5. Routing y Route Module

    6. Routing y Route Module - Parte 2

    7. Auth Layout

    8. Diseño de AuthLayout, Login y Register

    9. Chat Layout - Nested Routes

    10. Solución a la tarea - Diseño del Chat

    11. Navegar entre pantallas - Link, NavLink y useNavigate

    12. Cerrar sesión

    13. Código fuente

Acerca de este curso

  • Gratis
  • 87 lecciones
  • 7.5 horas de contenido en video
  • Exclusivo de DevTalles
  • Fernando Herrera

Requisitos previos

• Conocimientos básicos de React: 
Saber usar useState, useEffect, props y componentes funcionales.

• Experiencia previa con JavaScript (al menos las bases):
Entender conceptos como funciones flecha, async/await y módulos ES6. 

• Familiaridad con HTML, CSS y herramientas como Vite o npm:
Poder iniciar proyectos, instalar paquetes y aplicar estilos básicos

Descripción del curso

Este curso te enseña a dominar React Router v7 en profundidad, abarcando tanto su enfoque declarativo tradicional como librería, hasta su integración completa y moderna como un framework de desarrollo.

Aprenderás a trabajar con React Router de forma versátil: utilízalo como una librería ligera para optimizar proyectos de tipo SPA (Single Page Application), o impleméntalo directamente como un Framework completo para sacar el máximo provecho de características avanzadas de arquitectura web.

Dominio completo de la herramienta: Aprenderás a dominar todo el ciclo de vida de una ruta, desde los conceptos básicos de enrutamiento hasta esquemas complejos de protección de rutas, manejo de sesiones de usuario y despliegues empaquetados para entornos de producción.

¿Qué aprenderás y qué características dominarás?

  • Doble Enfoque Arquitectónico: Implementación de React Router como librería para SPAs tradicionales o como framework para aplicaciones empresariales de alto rendimiento.
  • Route Modules & Server Actions: Estructuración de páginas eficientes y manejo nativo de mutaciones de datos directamente en el servidor sin necesidad de APIs intermedias manuales.
  • Optimización de Rendimiento: Implementación de cargas asíncronas con Loaders del lado del servidor y estrategias avanzadas de Pre-rendering para maximizar el SEO y la velocidad de carga.
  • Seguridad y Sesiones: Configuración de layouts protegidos, middlewares de enrutamiento y gestión robusta del ciclo de vida de las sesiones de usuario.
  • DevOps y Contenerización: Preparación de tu aplicación final para el mundo real, aprendiendo a estructurar y construir una imagen de Docker profesional lista para producción.

Este curso es ideal para desarrolladores de React que desean dar el salto técnico definitivo, dejando atrás las configuraciones básicas y adoptando los estándares modernos de desarrollo fullstack que ofrece la versión 7.

⚛️ ¡Lleva tus habilidades de enrutamiento al siguiente nivel y domina el verdadero potencial de React Router v7!



Adquiere el curso de forma vitalicia, con acceso a posibles actualizaciones futuras.

¿Listo para explorar sin límites?

✦— Elige tu suscripción DevTalles PRO

Devtalles PRO Mensual

USD18

¡Empieza hoy!

DevTalles PRO Trimestral

USD54

3 meses para subir de nivel.

DevTalles PRO Semestral

USD108

Especializate en 6 meses.

DevTalles PRO Anual

✦ El mejor valor

USD198

12 meses por el precio de 11.