Vedangi Mittal

Reactivity isn't magic, it's a system you can understand and control. This talk treats Vue's reactivity as a coherent whole rather than a collection of separate features. Beyond the basics of ref(), computed(), and watch(), it will cover shallowRef(), readonly(), watchEffect(), and other advanced tools - showing how state connects to computations, how computations connect to side effects, and how lifecycle hooks like onMounted(), onUpdated(), onUnmounted(), plus less common ones like onRenderTracked(), onRenderTriggered(), and onBeforeUpdate(), guard the whole system so your components react precisely and clean up correctly. Through live coding examples, the talk will demonstrate how small changes in structure or state flow impact updates, and how to use the reactivity model intentionally rather than by trial and error. The session will cover the essential concepts, practical patterns, and debugging techniques you need to build Vue apps that are both fast and easy to maintain. Attendees will walk away with a clearer mental model of reactivity, an intuition for where all lifecycle hooks - common and advanced - fit into that model, concrete strategies for common challenges, and the confidence to navigate edge cases that often confuse even experienced developers."