Vue Real-Time Apps

on YouTube ↗32m

" summary

Covers concrete recipes: use Server-Sent Events via createEventStream (example: a 10-element snapshot then per‑second updates), use VueUse composables like useEventSource and useWebSocket, and run WebSockets from Nats with open/message hooks and publish/subscribe semantics. Shows live demos: stock ticker, reaction stream, chat and collaborative drawing, and a WebRTC flow simplified with PeerJS. Mentions realtime DBs (Firebase, Supabase) and CRDTs (Yjs, Automerge, Jazz) for offline sync.

AI-written summary · about

" chapters (15)

1. 0:00Introduction
2. 0:42Real-time features overview
3. 3:12Polling limitations explained
4. 5:20Server-sent events basics
5. 9:39SSE demo walkthrough
6. 12:12WebSockets introduction
7. 15:07WebSocket chat demo
8. 17:34WebSocket reconnection tips
9. 17:56Real-time databases
10. 20:05WebRTC fundamentals
11. 22:13WebRTC connection setup
12. 25:29PeerJS simplification
13. 27:55WebRTC demo with prize
14. 29:20Local-first collaboration
15. 31:48Resources and closing

" related talks

• 30mThe Backend is Reactive Vue Beyond the BrowserMarc Backes · Vuejs Amsterdam 2026
• 23mImplications of the Realtime WebAaron Grey · Rocky Mountain Ruby 2015
• 43mRealtime Web Apps in the WildPhil Leggetter · PHP UK Conference 2013
• 27mFirebase: Making Real-time a RealitySuhavi Sandhu · Women Data Summit 2021
• 01h 18mThe future of chatGuillermo Rauch · JSFoo 2015
• 27mVue & SSR: The best practicesSébastien Chopin · VueConf US 2018
• 30mUnderstanding the realtime web with websocketsSrushtika Neelakantam · ngVikings 2018
• 30mCombining React and Websocket (...)marco montalbano, matteo colombo speroni · Codemotion Milan 2017