Reactivity
ELI5 — The Vibe Check
Reactivity is the system that makes your UI automatically keep up with your data. It's like having a personal assistant who watches your variables and redraws the screen the moment anything changes. Vue is famous for its reactivity system being really clean.
Real Talk
Reactivity is the framework mechanism that tracks data dependencies and automatically re-renders affected parts of the UI when data changes. Vue 3 uses ES6 Proxies for fine-grained reactivity. React uses an immutable state model with diffing. Svelte compiles reactivity into direct DOM updates.
Show Me The Code
// Vue tracks that the template depends on count
// When count changes, only that part re-renders
const count = ref(0);
const doubled = computed(() => count.value * 2);
When You'll Hear This
"Vue's reactivity system automatically tracks dependencies so you don't manage updates manually." / "Svelte's reactivity is compile-time, React's is runtime."
Related Terms
Reactive
Reactive means your data and your UI are connected — when the data changes, the screen updates automatically, like magic.
State
State is a component's memory — data that can change over time and causes the UI to update when it does. Think of a counter: the number is state.
Svelte
Svelte is a framework that disappears at build time.
Virtual DOM
The Virtual DOM is a lightweight copy of the real DOM that lives in memory.
Vue
Vue is a JavaScript framework for building interactive UIs. It's famous for being easy to pick up — HTML developers feel right at home.