{CONTENIDO DEL CURSO}
    1. Introducción

    2. Temas puntuales

    3. Demostración

    4. Inicio de proyecto - Partidos Políticos

    5. ChartJS - Nuestra primera gráfica

    6. Configuración de la gráfica

    7. Estructura de los componentes

    8. Funcionalidades locales (Sin WebSockets)

    9. Levantar el WebSocket Server

    10. React - Contexto de WebSockets

    11. Escuchando cambios de conexión

    12. Recuperar conexión perdida

    13. Escuchar y enviar mensajes

    14. Tipado de las respuestas y mensajes

    15. Función para evaluar mensajes

    16. Actualizar interfaz de usuario

    17. Pruebas con varios navegadores

    18. useParties - Hook Personalizado

    19. Código fuente

    1. Introducción

    2. Temas puntuales

    3. Explicación de lo que construiremos

    4. Inicio de proyecto - SocketMap

    5. Interfaces, tipos y estructuras de mensajes

    6. Identificar cliente en la conexión inicial

    7. Esquema de validación de payload

    8. Manejadores de mensajes

    9. Punto de control - Comprobar backend

    10. Configuración del Store

    11. Configuración del Servicio

    12. Conectar manejadores con servicio

    13. Resolución de la tarea

    14. Registrar ingreso y salida de clientes

    15. Pruebas del backend

    16. Código fuente

    1. Introducción

    2. Temas puntuales

    3. Demostración

    4. Inicio de proyecto - SocketMaps

    5. MapBox - Mostrar mapa

    6. Contexto y tipos de datos

    7. Configuraciones adicionales - WebSocketContext

    8. Cookies y suscriptores

    9. Levantar el WebSocket Server

    10. Conexión al WebSocket Server

    11. Recuperar conexión

    12. Escuchar mensajes desde Hooks

    13. Mostrar información del cliente

    14. Crear marcadores

    15. Actualizar coordenadas

    16. Mover, crear y remover marcadores

    17. Resolución de la tarea

    18. Código fuente

Acerca de este curso

  • $60.00
  • 152 lecciones
  • 15 horas de contenido en video
  • Fernando Herrera

{REQUISITOS}

• Conocimientos básicos de JavaScript o TypeScript (variables, funciones, async/await).
• Conocimientos básicos de React (componentes, props, estado y hooks).
• Poder realizar instalaciones en el equipo (editor de código, extensiones y Bun)
• Ganas de practicar: vamos a construir varios proyectos y probar con múltiples navegadores.
• No necesitas experiencia previa con WebSockets ni con Bun.

{DESCRIPCIÓN}

Bienvenidos al curso de React + WebSockets con Bun.

Aprende a crear aplicaciones en tiempo real con un stack moderno: Bun + WebSockets + React. En este curso vas a aprender, paso a paso y con proyectos reales, a construir aplicaciones que se actualizan al instante: desde conexiones WebSocket sólidas (con manejo de conexión/desconexión, reconexión y eventos), hasta un frontend en React que consume y emite mensajes tipados.

Arrancamos desde cero con los fundamentos de WebSockets y la implementación del servidor en Bun, incluyendo buenas prácticas para enviar/recibir mensajes, broadcast a canales, uso de cookies y query params, y protección básica de la conexión. Luego pasamos a proyectos completos donde aplicarás arquitectura con handlers, services y store, validación con Zod y tipado del payload para que todo sea mantenible. 

Construirás varias apps en tiempo real:
• Dashboard de Partidos Políticos con React + ChartJS alimentado por WebSockets. 
• Mapas en vivo con Mapbox, marcadores colaborativos y sincronización de movimientos. 
• Sistema de colas/tickets tipo atención al cliente, con pantallas y actualización instantánea.
• Chat seguro con PostgreSQL + Prisma, autenticación con JWT, mensajes globales y mensajes privados, además de manejo de usuarios conectados.

Al finalizar, tendrás la confianza para diseñar soluciones en tiempo real, con un backend rápido en Bun y un frontend React con context y hooks personalizados, listo para producción. 



{PAGO ÚNICO}

Adquiere el curso con un único pago de forma vitalicia, con acceso a la comunidad y posibles actualizaciones futuras.

  • $60.00

    Promociones y descuentos aplican al finalizar la creación de este curso.

    COMPRAR AHORA

Suscripción
Devtalles PRO Mensual

USD18

Suscripción
DevTalles PRO Trimestral

USD54

Suscripción
DevTalles PRO Semestral

USD108

Suscripción
DevTalles PRO Anual

USD198

 12 meses por el precio 11

SABER MÁS