Что такое React?

Суть

React — JavaScript-библиотека для построения пользовательских интерфейсов. Главная идея: описывать UI как функцию от данных, а не вручную править DOM императивными вызовами.

Компонент получает входные данные (props) и может хранить локальное состояние (state). На их основе он возвращает описание интерфейса — обычно через JSX. Когда данные меняются, React пересчитывает дерево элементов и эффективно обновляет реальное DOM только там, где это нужно.

function Greeting({ name }) {
  return <h1>Привет, {name}!</h1>;
}

// Использование
<Greeting name="Мария" />

Ключевые свойства, которые ждут на junior-собеседовании:

• декларативность — говорите что показать при текущих данных, а не как пошагово менять DOM;
• компонентный подход — интерфейс собирается из переиспользуемых кусков;
• однонаправленный поток данных — данные идут сверху вниз через props;
• экосистема — сам React не навязывает роутер и глобальный store.

Важно уточнить формулировку: React — библиотека UI, а не полноценный фреймворк «из коробки». Маршрутизация, HTTP-слой, сборка и SSR подключаются отдельно (React Router, Zustand/Redux, Vite, Next.js и т.д.). Это не недостаток, а осознанная граница ответственности.

На практике React используют и в SPA, и в серверных/гибридных сценариях. Для интервью достаточно уверенно сказать: «компоненты + декларативный UI + эффективные обновления DOM».

Итог

React — библиотека UI на компонентах: данные → описание интерфейса → точечное обновление DOM.