Saltar al contenido

Catálogo de cursos

Aplicaciones con React

Crea interfaces accesibles y con estado con React y TypeScript reales.

Escribe y ejecuta JSX y TSX reales con React 19 de versión fija en el entorno aislado (sandbox) sin conexión de Koda. Crea componentes tipados, compón props y children, gestiona el estado y los formularios controlados, razona sobre efectos y datos obsoletos, navega con el historial del navegador y verifica el comportamiento mediante aserciones del DOM. Tres proyectos ejecutables culminan en un cliente accesible de tablero de incidencias con reglas según el propietario y un modo independiente para tu portafolio.

Empieza con una lección gratisComparar todos los planes

Programa del curso

  1. Sección 1

    Componentes y props

    Describe interfaces con componentes tipados, composición, claves estables y semántica accesible.

    1. Tu primer componente real
    2. JSX describe la interfaz
    3. Las props tipadas son contratos
    4. Composición con children
    5. Listas, claves y semántica

  2. Sección 2

    Estado, eventos y formularios

    Modela interacciones con instantáneas de estado, manejadores de eventos, campos controlados y valores derivados.

    1. El estado es una instantánea
    2. Los eventos expresan intención
    3. Formularios controlados
    4. Deriva, no dupliques

  3. Sección 3

    Efectos, datos y recuperación

    Sincroniza sistemas externos, muestra cada estado de los datos y evita que prevalezca el trabajo obsoleto.

    1. Los efectos sincronizan fuera de React
    2. Dependencias y limpieza
    3. Cada estado de los datos tiene su interfaz
    4. Detén las respuestas obsoletas
    5. Recupérate de errores de renderizado

  4. Sección 4

    Rutas, pruebas y entrega

    Crea diseños navegables, prueba el comportamiento visible y toma decisiones responsables sobre el paquete de código.

    1. Rutas basadas en el historial
    2. Diseños compartidos y páginas no encontradas
    3. Prueba el comportamiento visible
    4. Criterio para el paquete y la entrega
    5. Límites de servidor, cliente y streaming
    6. Actions e interfaz optimista

Rutas de aprendizaje

Desarrollo web full-stack

Crea y comparte una aplicación full-stack probada con React: una pantalla que todos puedan usar, datos que solo pueda ver su propietario, API con límites claros, actualizaciones en tiempo real que mantengan la coherencia y despliegues que puedas revertir.

Secuencia de 14 cursos

Tu idea, en marcha. Empieza en 60 segundos.

Prueba gratis durante 7 días en cualquier plan para nuevos miembros · Cancela cuando quieras

Empezar

Volver a los cursos