React+Sockets: Aplicaciones en tiempo real con Bun

Aprende a crear y configurar aplicaciones en tiempo real usando la implementación nativa de websockets junto a un backend en Bun.

Adquirir Ahora Vista previa gratis

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
1. Introducción
2. Temas puntuales
3. Explicación de lo que construiremos
4. Inicio de proyecto - TicketApp
5. Store y tipos de datos
6. Métodos del Store
7. Asignar siguiente ticket
8. Ticket Service
9. WebSockets - Tipos de mensajes
10. Manejadores de mensajes
11. Tarea - Implementar respuestas
12. Tarea - Implementar solicitud de ticket
13. Pruebas de funcionamiento
14. Código fuente
1. Introducción
2. Temas puntuales
3. Demostración
4. Preparación de proyecto - TicketApp
5. Socket Context
6. Problemas de reconexión
7. useSocketTicket - Hook para controlar eventos
8. Solución a la tarea - Mostrar número de ticket
9. Tarea - Pantalla de escritorio
10. Solución a la tarea - Pantalla de escritorio
11. Tarea - Mostrar cola de atención
12. Código fuente
1. Introducción
2. Temas puntuales
3. Explicación de lo que construiremos
4. Inicio de proyecto - ChatApp
5. Base de datos - PostgreSQL
6. Prisma ORM - Conectar backend con PostgreSQL
7. Diseño y esquema de base de datos
8. Migraciones y Cliente de Prisma
9. Semilla de base de datos
10. Solicitud Post - Login de usuario
11. Generar JsonWebToken
12. Código fuente
1. Introducción
2. Temas puntuales
3. Continuación de sección
4. Crear tipos de mensajes y estructuras
5. Zod - Esquemas de validación
6. Servicio de mensajes
7. Obtener mensajes grupales
8. Manejar mensajes del cliente
9. Implementar seguridad de WebSockets
10. User Service - Controlar usuarios
11. Emitir mensajes de respuesta
12. Formulario de login y envío de mensajes
13. Probar envío de mensajes
14. Código fuente
1. Introducción
2. Temas puntuales
3. Continuación de proyecto
4. Store - Usuarios conectados
5. Solución de tarea - Usuarios conectados
6. Crear y obtener mensajes privados
7. Handlers - Mensajes directos
8. Enviar mensaje directo
9. Mostrar usuarios conectados
10. Prueba de mensajes directos y globales
11. Tarea - Creación de un frontend
12. Código fuente
1. Más información sobre nuestros otros cursos
2. Despedida

Acerca de este curso

$60.00
153 lecciones
15 horas de contenido en video
Fernando Herrera

Cursos que podrían interesarte

OFERTAS RECURSOS GRATUITOS

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.

COMPRAR AHORA

¿Listo para explorar sin límites?

✦— Elige tu suscripción DevTalles PRO

Devtalles PRO Mensual

^USD18

Empieza hoy. Cancela cuando quieras.

SABER MÁS

DevTalles PRO Trimestral

^USD54

3 meses para subir de nivel.

SABER MÁS

DevTalles PRO Semestral

^USD108

6 meses para dominar el stack completo.

SABER MÁS

DevTalles PRO Anual

^USD198

El mejor valor. 12 meses, precio de 11.

12 meses por el precio de 11

SABER MÁS

¿Cuál es el siguiente paso?

Si quieres profundizar tu conocimiento en React, te invitamos a seguir las Rutas de aprendizaje de React, diseñadas para que sigas aprendiendo.

Ver rutas