VDOM Benchmark

tyaff vs React vs Vanilla JS
Все update-сценарии используют measureUpdateOnly (mount не замеряется). React использует flushSync, tyaff — микротаски.

Warmup Runs Rows

Нажмите RUN для запуска бенчмарка

Сценарий	tyaff	React	Vanilla	Лучший

Update-сценарии (2-10, 11-14): mount в setup, замеряется только update. Mount-сценарии (1, 5, 6): mount + cleanup в замере.

🛠 Сравнение memo API

Как предотвратить лишний рендер дочернего компонента, когда поменялись только props родителя

const Item = Component({
  memo(p) {
    return [p.value];
  },
  render(p) {
    return h('div', null, p.value);
  }
});

const Item = React.memo(
  function Item({ value }) {
    return rh('div', null, value);
  }
);