This site runs best with JavaScript enabled.

Instachatting with Vue & Socket.io

Last tended on May 20, 2019
🌱 Evergreen


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

Course illustration of a Vue logo and multiple chat bubble floating above it

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 communicationSocket.io gives us bidirectional communication between two clientsThe emit method lets us send and recieve any knd of event. We can target specific users or a group of usersThe 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

Want to share?

Join the newsletter

For weekly notes on visual thinking, ethical technology, and cultural anthropology.

Maggie Appleton © 2020