Что такое React

React — декларативная, компонентно-ориентированная JavaScript-библиотека для построения пользовательских интерфейсов, изначально разработанная Meta (бывший Facebook) и открытая в 2013 году; она стала наиболее широко используемой frontend-библиотекой в индустрии. React переводит разработку UI из императивной манипуляции DOM в декларативную модель: разработчики описывают, как должен выглядеть UI при заданном состоянии, а React эффективно обновляет реальный DOM через алгоритм reconciliation Virtual DOM. Фундаментальный строительный блок React — компонент, JavaScript-функция, принимающая пропсы и возвращающая JSX с описанием части UI; компоненты можно компоновать, переиспользовать и тестировать в изоляции. В версии 16.8 React представил хуки (useState, useEffect, useContext, useMemo, useCallback, useRef), которые заменили классовые компоненты и позволили переиспользовать логику состояния. Сегодня React используется от простых SPA до сложных серверных приложений через Next.js, а его экосистема — поддержка TypeScript, zustand, Redux Toolkit, TanStack Query — делает React основой современной продакшн-разработки.

Как это работает

Что такое React начинается с понимания: React — это библиотека, не фреймворк, её комбинируют со сборщиком (Vite, Next.js, Remix) и доп.библиотеками (router, state, data-fetching) для приложения. React рендерит UI как дерево компонентов; на изменении state reconciler сравнивает virtual DOM с предыдущим рендером и применяет минимальные обновления к реальному DOM. Ментальная модель — "UI = f(state)": описываете, как UI должен выглядеть, React сам разбирается, как обновить.

Когда применять

Выбирайте Что такое React для интерактивных веб-UI, где изменения state триггерят перерисовки — SaaS-дашборды, соцсети, админки, B2C с богатой интерактивностью. Пропустите React для контентных сайтов, где хватает Astro или ванильного HTML+CSS (меньше бандл, быстрее TTFB), и для нативного мобайла (React Native или платформо-нативные фреймворки). React выигрывает там, где важны переиспользование компонентов и масштабирование команды.

Типичные ошибки

Типичные ошибки в Что такое React: React на статичном лендинге (огромный бандл без пользы); не выучить базовый JavaScript заранее (React-туториалы становятся магией вместо механики); игнор композиции компонентов и 800-строчные "page"-компоненты; не зафиксированные версии React и экосистемы (semver-major ломает). Начните с ванильного JS + DOM; React-паттерны имеют смысл, только когда чувствуете боль, которую он решает.

Как это работает

Когда применять

Типичные ошибки

Связанные понятия

Полезные ресурсы