Section 04 of 05

How React, Solid, Svelte, and Vue really update the DOM

Reactivity models, rendering strategies, and the machinery underneath the frameworks — the parts that are the same across all of them, and the parts that are not.

Framework comparisons usually argue about syntax. The interesting differences are in the bookkeeping: what gets tracked, when it propagates, and what the library does to avoid showing you a stale value. These articles read the implementations side by side.

Articles
2
Latest
Series
1
  1. №02
    Reactivity

    Your Reactive Graph Computed 4,11. That State Never Existed.

    A single-pass push through a diamond recomputes the leaf twice, and the first result mixes a fresh value with a stale one. Two passes are what remove it.

  2. №01
    Reactivity

    Signals Are Not Magic: The Dependency Graph Underneath

    Every signals library is the same forty lines of bookkeeping. Here is what those lines do, and where the four popular implementations diverge.

Browse

Other sections

Arrow keys to move, Enter to open.