RxJS, Angular, and WebSockets - The Spy Life
summary
WebSockets capture Angular interaction events and stream them to a server for real‑time analytics, with a live demo sending initial stats then broadcasting frames as users act. Implementation uses RxJS WebSocketSubject and calling socket.next to emit messages, an Express backend with the ws library to classify and rebroadcast messages, simple charts showing counts, and notes on browser support (all modern browsers except Opera Mini) and end‑to‑end security.
AI-written summary · about
chapters (20)
- 0:00Intro
- 0:30About me
- 1:28How to troll pandas
- 1:40HTTP
- 2:20Twitter
- 3:14HTTP is a conversation
- 4:01Pulling teeth
- 4:50Slack
- 5:10Open connection
- 5:29Harry Potter
- 6:25Facebook Messenger
- 8:37Feature Planning
- 14:10Submit
- 14:36Socket Not Next
- 14:52Server Implementation
- 16:54Data Security
- 17:51Additional Setup
- 18:07Browser Support
- 18:29WebSocket Alternatives
- 20:00WebSockets vs HTTP
related talks
40mWorking with WebSockets in Angular apps
41mDeep Dive into RxJS WebSocket Subject
37mAngular 2 and WebSockets
47mA deep dive into RxJS WebSocket Subject
47mThe Greatest Mystery is Realtime with Angular, NestJS, and websockets!
46mEvent-Driven UX in the Real World with Angular and Socket.io
01h 07mReactive Frontends with RxJS and Angular - Sergi Almar
45mReactive Frontends with RxJS and Angular