The Greatest Mystery is Realtime with Angular, NestJS, and websockets!
summary
Builds a multi-user, multi-room realtime chat app using Angular + NestJS + socket.io over websockets, demonstrating an identify method that maps usernames to socket client IDs, server-side in-memory stores for chat rooms (three hardcoded channels: General, Angular, sjs), and Angular state held with BehaviorSubject observables. Shows join/leave rooms, emits messages to room members (server emits to others and echoes to sender), notes socket.io client is ~10.4 KB and the demo chat functions end-to-end.
AI-written summary · about
chapters (11)
- 0:00Introduction to realtime applications
- 5:24Websockets solve realtime
- 9:15Socket.IO bridge
- 11:45NestJS realtime APIs
- 12:48Socket.IO with Angular
- 17:06Backend with NestJS
- 23:41Angular client service
- 27:57UI to realtime data
- 31:11Chat rooms with Socket.IO
- 41:21Realtime messaging
- 46:09Summary and resources
related talks
23mRxJS, Angular, and WebSockets - The Spy Life
46mEvent-Driven UX in the Real World with Angular and Socket.io
37mAngular 2 and WebSockets
40mWorking with WebSockets in Angular apps
22mNext-Gen Angular: Building an AI Chatbot
40mSocket to me
28mLeveraging Angular in Node.js with NestJS
30mUnderstanding the realtime web with websockets