Почему React много весит

React сам по себе не такой уж большой (около 6 КБ gzipped для core + react-dom), но его часто считают «тяжёлым» из-за:

1. Virtual DOM – дополнительный слой абстракции, который требует памяти и вычислительных ресурсов для сравнения и обновления DOM.

2. Runtime-оптимизации – React выполняет многие вычисления в браузере, а не на этапе сборки.

3. Бандл с зависимостями – если проект использует много сторонних библиотек (например, react-router, redux), итоговый размер может сильно вырасти.

Пример оптимизации:

// Вместо импорта всего React-DOM
import { hydrateRoot } from 'react-dom/client';

// Или динамический импорт для ленивой загрузки
const HeavyComponent = React.lazy(() => import('./HeavyComponent'));

Для уменьшения веса используют code-splitting, tree-shaking и SSR/SSG.