Vue
4 posts
Vue's Virtual DOM and Diff Algorithm: How PatchFlags and Static Hoisting Speed Up Rendering
A deep dive into how Vue 3's diff algorithm works under the hood — how the compiler tags dynamic nodes with PatchFlags, skips static content with static hoisting, and makes every update touch only what actually changed.
Vue Component Communication: When to Use props, emit, provide/inject, and Store
Break down how props, emit, provide/inject, and a Store each solve component communication in Vue, and walk away with a practical framework for picking the right tool based on how two components are related.
Vue 3 Reactivity: Why Proxy Replaced Object.defineProperty
Starting from the built-in limits of Vue 2's Object.defineProperty, this post breaks down why Vue 3 rewrote its reactivity system around Proxy, and exactly which long-standing pain points that change fixed.
ref vs. reactive: The Difference, the Internals, and When to Use Each
Break down how ref and reactive are actually implemented under the hood in Vue 3, understand why destructuring a reactive object kills its reactivity, and walk away with a practical framework for picking the right API for the job.