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 Mark Barton’s course on building chat apps with Vue and Socket.io

Turns out it’s not magic, but instead done through websockets . 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 Essential Web Security Tactics , Speaking the GraphQL Query Language or A Fresh Serving of JavaScript ES2019