Unlock the Proxy Power (Vue.js)
summary
Concrete patterns and working demos show how JavaScript Proxies actually get used: console-logging via set trap and observables that call callbacks on assignment, mutation history stored in a WeakMap for track/review snapshots, a boxed API that turns properties into getters/setters, dynamic async routes built from property access, RxJS-style streams from properties, lens-like path builders, and Immer-style drafts that produce immutable updates. Slides and runnable code live on the linked GitHub and proxy demos site so the examples can be inspected and executed.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 2:22Proxy introduction
- 3:26Proxy logging basics
- 6:17Reactive proxies
- 8:22Proxy experiments
- 10:55Locking objects
- 13:02Chaining and low-dash magic
- 13:45Reactive RxJS
- 15:09Async API properties
- 16:52Deep property access
- 19:42Immer mutations
- 23:40Vue 3 reactivity
- 25:06Summary
related talks
26mJavaScript Metaprogramming - ES6 Proxy Use and Abuse
52mJavaScript Metaprogramming - ES6 Proxy Use and Abuse
24mJavaScript metaprogramming with ES2015 Proxy
11mAnything is possible! Unlocking the Nightmarish Power of JavaScript..
07mJS Proxy, where have you been
51mProxies are Awesome!
01mDan Neciu's Favorite JS Feature & How to Use It
22mMetaprogramming, ES6 Proxy