← All work
Project / AI / Networking

WebSocket vs SSE: visualized

An animated side-by-side demo that makes streaming, reconnects, and network events visible in real time.

Open the original ↗

Same stream, different transport

This small TypeScript app runs WebSocket and Server-Sent Events against the same server and animates each network event. A shared model stream fans out to both lanes, so the difference is visible instead of abstract.

The demo also drops active connections: SSE reconnects through EventSource, while WebSocket needs an application-level reconnect. The repository includes a short recording and instructions for running it locally.

Explore

Open the repository and demo recording