Skip to content logo

Illustrated Notes

Instachatting with Vue &

Published or updated on May 20, 2019

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 illustrating notes for Mark Barton's new course

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

It's on building an instant chat app with Vue.js and


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 & save us from that level of depth.



The Whole Illustrated Note

vuesocket sketchnotes  mini

Want to learn more?

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