Server-Sent Events: implementação prática com Fastify + React скачать в хорошем качестве

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