Что такое React
React — это JavaScript-библиотека для создания пользовательских интерфейсов, разработанная Facebook (Meta) в 2013 году. Если сайт — это дом, то React — это способ построить его из стандартных блоков (кирпичей). Каждый «кирпич» — это компонент: кнопка, форма, карточка товара.
До React разработчики писали HTML, JavaScript и CSS отдельно и вручную обновляли DOM (структуру страницы) при каждом изменении данных. React автоматизировал это: ты описываешь, как интерфейс должен выглядеть при любом состоянии данных, а React сам решает, что нужно обновить.
Ключевые концепции React
Компоненты — независимые, переиспользуемые кусочки интерфейса. Компонент описывает, как он должен выглядеть (JSX — HTML-подобный синтаксис в JavaScript) и как себя вести. Большое приложение — это дерево компонентов.
Виртуальный DOM — ключевая инновация React. Вместо того чтобы напрямую менять реальный DOM (медленно), React сначала обновляет «виртуальную» копию в памяти, потом сравнивает её с предыдущей версией (алгоритм diffing) и вносит в реальный DOM только минимально необходимые изменения.
Однонаправленный поток данных: данные идут только сверху вниз — от родительского компонента к дочерним. Это делает приложения предсказуемыми и легкими для отладки.
Хуки: революция в React
До версии 16.8 (2019) компоненты делились на классовые (с состоянием) и функциональные (без). Хуки позволили использовать состояние и другие возможности React в обычных функциях.
useState — хранит состояние компонента. useEffect — выполняет побочные эффекты (загрузка данных, подписки). useContext — доступ к глобальному контексту без «пробрасывания» пропсов через всё дерево. Хуки изменили способ написания React-кода — теперь это чище и лаконичнее.
Экосистема React
React — библиотека, а не фреймворк. Он отвечает только за UI. Для остального есть экосистема: React Router (навигация), Redux/Zustand (управление состоянием), Next.js (серверный рендеринг), React Query (работа с данными).
Сегодня React — самая популярная библиотека для фронтенда. Его используют Facebook, Instagram, Airbnb, Netflix. Конкуренты (Vue, Angular, Svelte) занимают свои ниши, но React доминирует на рынке труда и в крупных проектах.