Server-Sent Events: implementação prática com Fastify + React

Описание: Neste vídeo, você vai aprender como implementar Server-Sent Events (SSE) na prática utilizando Fastify no backend e React no frontend. No vídeo anterior falamos sobre a teoria e os conceitos arquiteturais do SSE — agora é hora de colocar tudo para rodar.

Apesar de parecer um conceito denso à primeira vista, a implementação prática é extremamente simples quando entendemos os fundamentos.

Neste vídeo você vai ver:
Como criar um endpoint SSE com Fastify (GET /jobs/:jobId/events)
Configuração correta dos headers text/event-stream
Formato dos eventos (event: e data) na prática
Subscribe e cleanup de conexões (fim do job e disconnect do cliente)
Uso da API nativa EventSource no React
Atualizações em tempo real com barra de progresso e logs

Você também vai acompanhar uma demo completa:
Criação de um novo job e recebimento de eventos em tempo real
Eventos chegando na aba Network do DevTools

Se você quer implementar atualizações em tempo real de forma simples, sem a complexidade de WebSockets, SSE pode ser a solução ideal — especialmente para comunicação unidirecional entre servidor e cliente.

Código completo no GitHub: https://github.com/emiliosheinz/sse-e...

00:00 Introdução
00:38 Demo
01:40 Arquitetura
05:05 Backend
13:40 Frontend
17:15 Analisando a aba Network
18:35 Conclusão

#ServerSentEvents #SSE #Fastify #React #NodeJS #TempoReal #Backend #Frontend #EventSource #EngenhariaDeSoftware