evergreen

Instachatting with Vue & Socket.io

Illustrated notes on how to implement web sockets with Vue.js and Socket.io

The intantness of chat apps has always been a mystery to me.
The technical details of moving emojis through The Internet Pipes and across continents in 0.004 miliseconds is well beyond my paygrade.

But I got a tiny window of insight into the magic while illustrating notes for on building chat apps with and

Turns out it’s not magic, but instead done through . Which are like little portals that hold open a consistent connection between two machines.

I obviously still haven’t a clue what goes on inside that dark little portal. Thankfully using tools like Vue & Socket.io save us from that level of depth.

Vue and socket.io for real-time communication
Socket.io gives us bidirectional communication between two clients
The emit method lets us send and recieve any knd of event. We can target specific users or a group of users
The full vue and socket sketchnote

Want more illustrated notes on web development?

Take a look at , or