Fine-Grained Reactivity

ELI5 — The Vibe Check

Fine-grained reactivity means the framework knows EXACTLY which tiny piece of the UI needs to update when data changes — no diffing, no re-rendering the whole component. If you change a user's name, only that one text node updates. Not the component. Not the virtual DOM. Just. That. One. Text. Node. It's like having a GPS that recalculates only the turn you missed, not the entire route.

Real Talk

Fine-grained reactivity is a rendering approach where the framework tracks dependencies at the individual DOM node level rather than the component level. When reactive state changes, only the specific DOM operations needed are executed — no virtual DOM diffing or component re-execution required. Used by SolidJS, Svelte 5 (runes), Angular (signals), and Vue (refs). It typically offers better runtime performance than virtual DOM diffing at the cost of slightly more complex compilation.

When You'll Hear This

"SolidJS uses fine-grained reactivity — no virtual DOM, no unnecessary re-renders." / "Signals enable fine-grained reactivity in Angular and Vue."