Wiki · Технологии разработки

React

5 мин чтенияАвтор: Дмитрий КолесниковСоавторы: Евгений Баев

React – это JavaScript-библиотека для создания интерфейсов сайтов и приложений: экран собирают из компонентов, а при изменении данных React сам перерисовывает нужные части страницы. Библиотеку создали в Meta (бывший Facebook), а с февраля 2026 года она принадлежит независимому фонду React Foundation.

Чаще всего владелец бизнеса слышит о React от подрядчика: «фронт сделаем на React». Звучит солидно, но за этой фразой стоит несколько решений, которые потом скажутся на индексации, стоимости поддержки и поиске новой команды.

Кто развивает React

React вырос внутри Facebook, его код открыли 29 мая 2013 года. В феврале 2026 года React, React Native и связанные проекты перешли от Meta к фонду React Foundation, который работает при Linux Foundation. Среди учредителей Amazon, Callstack, Expo, Huawei, Meta, Microsoft, Software Mansion и Vercel. Лицензия открытая (MIT), платить за использование не нужно.

На октябрь 2026 года актуальна ветка React 19, версия 19.3 вышла 9 сентября 2026 года.

Компоненты: из чего собирают экран на React

Интерфейс описывают как набор компонентов. Компонент – это кусок экрана со своей логикой: карточка товара, фильтр, корзина, форма заявки. Вот, например, компонент цены:

function Price({ value }) {
  return <p className="price">{value} ₽</p>;
}

Разметка внутри JavaScript называется JSX. Когда цена в данных поменялась, React сравнивает новое состояние со старым и обновляет на странице только этот абзац.

Библиотека, а не готовый сайт

React отвечает только за интерфейс. Адреса страниц, загрузку данных, работу с сервером и сборку проекта он не решает, для этого берут фреймворк или отдельные библиотеки. Официальная документация React советует начинать новый проект сразу с фреймворка: Next.js или React Router для сайтов, Expo для мобильных приложений на React Native.

Схема проекта на React: интерфейс из компонентов, фреймворк Next.js, React Router или Expo и серверная часть с API и хостингом — Из чего собирают проект на React

Отсюда первый вопрос подрядчику: с каким фреймворком будет проект и где он будет работать. «Просто React» без сервера собирает страницу в браузере, и поисковику достаётся почти пустой HTML. Каталог или контентный сайт, сделанный таким приложением, потом нередко приходится переносить на фреймворк, чтобы страницы нормально индексировались. Как это влияет на индексацию и как это проверить, разобрано в статье JavaScript SEO: CSR и SSR.

Для каких задач React подходит

Личные кабинеты, админки и внутренние сервисы, где пользователь много кликает, а данные меняются без перезагрузки страницы.
Интерактивные блоки на обычном сайте: калькулятор стоимости, конфигуратор, подбор по параметрам. Их можно встроить и в сайт на CMS.
Сайты и магазины на Next.js, когда нужен собственный фронтенд поверх API учётной системы или Headless CMS.
Сайт-визитка, блог или каталог услуг, которые спокойно работают на CMS. React добавит туда сложности, а выгоды не даст, и брать его только потому, что так модно, не стоит. Как выбирать между шаблоном и своей разработкой, разобрано в статье Готовый шаблон или индивидуальная разработка. Например, ebaev.ru работает на 1С-Битрикс (PHP и MySQL), и сайту агентства этого хватает.

React, Next.js и Vue: что для какой задачи

	React	Next.js	Vue.js
Что это	Библиотека интерфейсов	Фреймворк на React	Фреймворк интерфейсов
Кто развивает	React Foundation	Vercel	Независимая команда Эвана Ю
Готовая страница с сервера	Нужен фреймворк	Да, несколько режимов	Через Nuxt
Когда выбирают	Кабинеты, виджеты, приложения	Сайты, где важны поиск и скорость	Те же задачи, если команда пишет на Vue

Сравнивать их по принципу «кто лучше» бессмысленно. Next.js построен на React, а Vue.js решает те же задачи с другим синтаксисом. На практике выбор часто решает вопрос, кто будет поддерживать проект через два года.

Найм, обновления и передача проекта на React

Найм. React распространён, поэтому разработчика на поддержку найти проще, чем под редкий фреймворк.
Обновления. Проект на React тянет за собой десятки сторонних пакетов, и их нужно обновлять. В декабре 2025 года команда React сообщила о критической уязвимости в серверных компонентах (CVE-2025-55182). Она затрагивала проекты на Next.js и других фреймворках с поддержкой серверных компонентов, а чисто клиентские приложения не задевала. Исправленные версии выпустили, но на сайт они попадают только при обновлении. Поддержку закладывайте в бюджет сразу: после года без обновлений переход на свежие версии обходится дороже, чем регулярные мелкие обновления.
Передача проекта. Код должен лежать в репозитории компании, а не у разработчика на ноутбуке. Иначе смена подрядчика превратится в переписывание.

Как проверить, что сайт сделан на React

Установите расширение React Developer Tools для Chrome, Firefox или Edge. На сайте с React его значок становится активным.
Расширение Wappalyzer показывает библиотеки и фреймворки сайта, в том числе React и Next.js.
Откройте исходный код через Ctrl+U. У одностраничного приложения там почти пусто: один пустой блок div с идентификатором root и ссылки на скрипты. У сайта на Next.js в путях к файлам встречается /_next/.

Чек-лист признаков сайта на React: расширения React Developer Tools и Wappalyzer, пустой исходный код, пути /_next/ и package.json — Как понять, что сайт сделан на React

Выбор React, индексация и поддержка проекта

Почему для интерфейсов так часто выбирают React?

Причина в основном практическая: React знает много фронтенд-разработчиков, и собрать команду на запуск или поддержку проще. На тех же принципах пишут мобильные приложения на React Native, а лицензия MIT разрешает бесплатно использовать библиотеку в коммерческих проектах.

Как React понимает, какую часть страницы перерисовать?

При каждом изменении данных React сравнивает новое описание экрана с предыдущим и правит на странице только то, что отличается. Поменялась цена товара, и обновится один элемент с ценой, а остальная карточка останется как была.

Как использовать React на сайте, который уже работает на CMS?

React подключают точечно: на нужную страницу встраивают отдельный интерактивный блок, например калькулятор стоимости или подбор по параметрам. Остальные страницы продолжают работать на движке CMS, переделывать весь сайт не приходится.

React считается библиотекой или фреймворком?

Библиотекой, потому что он закрывает только интерфейс. Маршруты, загрузку данных, рендеринг на сервере и сборку добавляет фреймворк, поэтому новый проект лучше сразу начинать на Next.js, React Router или Expo.

Что выбрать для личного кабинета: React или Vue?

Кабинет можно сделать на любом из них, поэтому решает команда: кто будет поддерживать проект через пару лет и на чём он привык писать. React выгоднее, если позже появится мобильное приложение на React Native или сайт на Next.js. Vue проще внедрять по частям в готовый сайт, а его шаблоны ближе к обычному HTML.

Почему одностраничное приложение на React плохо видно в поиске?

Робот получает HTML почти без текста: содержимое появляется, только когда браузер выполнит скрипты, и индексация зависит от того, как поисковик с ними справится. Страницы, которые должны приводить людей из поиска, собирают на сервере или при сборке проекта, например на Next.js. Разница между режимами разобрана в статье JavaScript SEO: CSR и SSR.

Сколько стоит лицензия React для коммерческого проекта?

Нисколько: React распространяется под лицензией MIT. Платить придётся за разработку, хостинг и поддержку, в том числе за регулярное обновление сторонних пакетов.

Кому сейчас принадлежит React?

С февраля 2026 года владелец React – фонд React Foundation при Linux Foundation. Meta, где библиотеку создали, стала одним из учредителей фонда наряду с Amazon, Microsoft, Vercel, Expo и другими компаниями.

Какие сайты задела уязвимость React в декабре 2025 года?

Уязвимость CVE-2025-55182 нашли в серверных компонентах, поэтому под удар попали проекты на Next.js и других фреймворках, где эти компоненты работают. Приложения, которые выполняются только в браузере, она не затронула. Закрывалась она обновлением до исправленных версий, без него сайт оставался уязвимым.

До какой версии React обновлять проект осенью 2026 года?

До ветки React 19, в которой 9 сентября 2026 года появился выпуск 19.3. Какая версия стоит в вашем проекте, видно в файле package.json в репозитории.

Проекты на React и Next.js делаем в составе услуги разработка сайтов. Если проект уже работает на React, берём его на доработку и техническую поддержку.

Документация и блог React

Официальная документация React: разделы «Creating a React App» и «React Versions»
Блог React: «The React Foundation: A New Home for React Hosted by the Linux Foundation», 24 февраля 2026 года
Блог React: «Critical Security Vulnerability in React Server Components», 3 декабря 2025 года

См. также: JavaScript SEO: CSR и SSR, CMS, Скорость сайта, Веб-приложение.