Skip to content
Illustrated.dev logo
AboutResourcesFAQ

Illustrated Notes

Instachatting with Vue & Socket.io

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 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 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 Socket.io for Real-Time Communication page.