Как фреймворки решают проблему дороговизны операций с DOM

Фреймворки минимизируют прямые манипуляции с DOM, используя виртуальный DOM или реактивные системы. Например, React создает легковесное представление DOM в памяти, сравнивает изменения (diffing) и обновляет только необходимые узлы (reconciliation). Это снижает количество дорогих перерисовок и рефловов. Пример с React: ```jsx function Counter() { const [count, setCount] = useState(0); // При клике обновляется только текст, а не весь DOM return setCount(c => c + 1)}>{count}; } ``` Vue и Svelte используют другие оптимизации: Vue - реактивную систему с зависимостями, Svelte - компиляцию в оптимальный DOM-код.