Какие проблемы решает React?

React появился, чтобы решить проблему сложности синхронизации UI с данными в больших приложениях. До него интерфейс обновляли вручную (jQuery), и с ростом приложения это становилось неуправляемым.

Главная проблема: UI как функция состояния

В императивном подходе разработчик сам находил элементы и обновлял их при каждом изменении данных: количество связей «данные → куски DOM» росло квадратично, забытые обновления давали рассинхронизацию. React предлагает декларативную модель:

const Cart = ({ items }) => (
  <span>Товаров: {items.length}</span>
);
// описываем, КАК UI выглядит для любых данных,
// а не КАК его пошагово обновлять

Изменились данные — React сам пересчитал и точечно обновил DOM.

Что ещё решает React

• Переиспользование через компоненты — UI собирается из изолированных блоков со своими props/state; кнопка пишется один раз.
• Эффективные обновления DOM — Virtual DOM и reconciliation вычисляют минимальный набор изменений, избавляя от ручной оптимизации.
• Предсказуемость — однонаправленный поток данных (сверху вниз) упрощает поиск источника бага: состояние всегда где-то выше по дереву.
• Экосистема и переносимость — та же модель работает на сервере (SSR) и в мобильной разработке (React Native).

Чего React не решает

Роутинг, запросы к серверу, глобальное состояние, стили — это отдаётся экосистеме (React Router, TanStack Query, Redux/Zustand и т.д.). React — библиотека представления.

Коротко для собеседования

React решает проблему ручной синхронизации DOM с данными: UI описывается декларативно как функция состояния, компоненты дают переиспользование и изоляцию, Virtual DOM — эффективные точечные обновления, однонаправленный поток данных — предсказуемость. Всё остальное (роутинг, данные) — экосистема.