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

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

It's on building an instant chat app with

and
Socket.io
.

vuesocket1

Turns out it's not magic, but instead done through

. 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.