The Backend is Reactive Vue Beyond the Browser
summary
Vue runs its reactivity on a Bun backend to drive a live light show, using WebSockets broadcasting and Server‑Sent Events from a single reactive source of truth. The demo wires ref/reactive/computed/watch and VueUse timers, uses shallowRef to avoid proxying socket objects, accepts connections via a QR scan with no installs or logins, fans out color steps to phones at an adjustable BPM, and it largely works live with phones lighting the room.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 1:59Vue on the backend
- 5:06Reactivity fundamentals
- 7:26Reactivity in practice
- 9:18Backend-friendly tips
- 10:37Dice game live coding
- 18:05Light show demo
- 26:20Conclusion
related talks
20mVue as a Backend Framework by Oscar Spencer
32mVue Real-Time Apps
23mAn Animated Guide to Vue 3 Reactivity and Internals
10mBeyond HTML with Vue
21mAn Animated Guide to Vue 3 Reactivity and Internals
35mHow Reactive Programming simplifies complicated Frontend applications
26mUnderstanding Vue's reactivity system by building one
39mVue.js deep dive, looking to the future