Why I Ditched Polling and Learned to Love (and Fear) WebSockets

Timevolt Posted on May 31 Why I Ditched Polling and Learned to Love (and Fear) WebSockets # react # webdev # frontend # node Quick context (why you're writing this) Here's the thing: I was building a simple admin dashboard that needed to show live user counts and push notifications when a new ticket arrived. My first instinct? Set up a setInterval that hit an API every five seconds. It worked… until the user base grew. Suddenly the server was hammered with request spikes, the UI felt choppy, and I kept seeing stale data because the interval missed a burst of activity. I spent an afternoon staring at network tabs wondering why my “real‑time” feel was anything but. That’s when I cracked open WebSockets and realized I’d been solving the wrong problem. The Insight WebSockets give you a full‑duplex pipe that stays open, so you can push data instantly without the overhead of repeated HTTP handshakes. The trade‑off? You now own the connection lifecycle. If you ignore reconnections, heartbeats, or message framing, you’ll end up with silent failures that are harder to trace than a missed poll. The real win isn’t just lower latency—it’s a predictable, bidirectional channel that lets the server act as a true peer rather than a request‑response slave. How (with code) Below is a minimal but production‑ish setup I use for chat‑style notifications. I’ll show the server (Node.js with the ws library), the client side vanilla JS, and point out the two mistakes I see most often. Server side – keep it simple, but handle life‑cycle // server.js const WebSocket = require ( ' ws ' ); const wss = new WebSocket . Server ({ port : 8080 }); // Track connections so we can broadcast const clients = new Set (); function broadcast ( data ) { const message = JSON . stringify ( data ); for ( const ws of clients ) { if ( ws . readyState === WebSocket . OPEN ) { ws . send ( message ); } } } // Heartbeat to detect dead peers function heartbeat () { this . isAlive = true ; } wss . on ( ' connection ' ,