Framework Reactivity: Coarse vs. Fine-Grained Updates
Frameworks sync UI and state differently. Coarse-grained systems like React re-run component code, while fine-grained systems like Vue (Proxies) or Angular (Signals) track dependencies to update only what's needed.
Frameworks sync UI and state via two main models. Coarse-grained reactivity (React) re-runs component code and diffs the result. Fine-grained reactivity knows exactly which UI depends on which state, enabling surgical updates. Vue uses Proxies, Angular uses Signals, and Svelte uses compiler Runes for this. The footgun is misapplying performance patterns across frameworks, like over-memoizing in a fine-grained system or ignoring re-renders in a coarse one.
Read the original → blog.openreplay.com
- #react
- #vue
- #angular
- #svelte
- #reactivity
Get five bites like this every day.
Tezvyn delivers a daily feed of 60-second tech bites with quizzes to lock in what you learn.