WebSockets: The Real-Time Avengers

on YouTube ↗30m

" summary

Live code builds a real-time voting app using WebSockets over Cloudflare Workers and Durable Objects, showing a working two-client demo that updates both browsers instantly. Demo uses a copy of the docs template, switches to party-server to reduce boilerplate (claimed ~12 lines), adds per-room routing, and persists counts to KV storage so votes survive restarts. Setup runs in roughly 15–18 minutes of demo time and successfully broadcasts votes and room-scoped messages.

AI-written summary · about

" chapters (9)

1. 0:00Introduction to WebSockets
2. 2:42Limitations of old real-time tech
3. 5:15How WebSockets work
4. 7:20Building a WebSocket server
5. 12:39Live demo setup
6. 15:54Enhancing the demo with PartyKit
7. 20:14Frontend integration
8. 23:51Adding persistent storage
9. 28:05Conclusion and resources

" related talks

• 30mUnderstanding the realtime web with websocketsSrushtika Neelakantam · ngVikings 2018
• 29mWebSockets Bring Light at the End of the TunnelJoel Lord · NodePDX 2016
• 09mMake your Next.js app realtime and collaborativeSylwia Vargas · Next.js Conf 2023
• 43mRealtime Web Apps in the WildPhil Leggetter · PHP UK Conference 2013
• 40mSocket to meDann Toliver · Spotlight: MEAN Stack 2014
• 37mGetting Close with the WebBen Foxall · ffconf 2014
• 41mWeb | C++Lukas Bergdoll · CppCon 2017
• 45mKeeping it Real(time)Mike Lehan · Dutch PHP Conference 2019