Illustrated.dev

ExplainersSketchesAbout

Instachatting with Vue & 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 this week while sketching notes for Mark Barton's new course on building an instant chat app with Vue.js and Socket.io.

vuesocket1

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.

vuesocket2

vuesocket3


The Full Sketchnote


vuesocket sketchnotes  mini

Want to learn more?

A high-res & printable version of the sketchnote, plus the full course is avaliable here on the Vue and Socket.io for Real-Time Communication page.