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

React Native

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

React Native – это фреймворк для разработки мобильных приложений на JavaScript и React: из одного кода собирают приложения для iOS и Android, а экран рисуют настоящие системные элементы интерфейса телефона. Его выпустила Meta в 2015 году, а с февраля 2026 года проект принадлежит фонду React Foundation.

Когда бизнесу нужно приложение сразу под обе платформы, обычно звучат три варианта: React Native, Flutter или две отдельные нативные версии. Разберём, что стоит за первым и чем он обернётся через год-два после запуска.

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

React Native создали и много лет развивали в Meta, при участии сообщества и компаний вроде Microsoft, Expo, Callstack и Software Mansion. В феврале 2026 года проект вместе с React перешёл к независимому фонду React Foundation при Linux Foundation. Код открыт под лицензией MIT.

В витрине проектов на официальном сайте есть приложения Facebook, Instagram, Microsoft Outlook и Teams, Amazon Shopping и Shopify.

Как код на React превращается в экраны iOS и Android

Разработчик собирает экраны из компонентов, как в React для сайтов, только вместо HTML-тегов использует мобильные компоненты:

<View>
  <Text>Бонусов: {points}</Text>
  <Button title={label} onPress={openCard} />
</View>

Во время работы React Native создаёт для каждого компонента системный элемент: View становится UIView на iOS и ViewGroup на Android, Text превращается в UITextView и TextView. Поэтому приложение выглядит и ведёт себя как обычное, а не как сайт, завёрнутый в оболочку.

С версии 0.76 по умолчанию работает новая архитектура (Fabric, TurboModules, JSI), которая быстрее связывает JavaScript с системой, а начиная с 0.82 она единственная. Приложения, застрявшие на прежней архитектуре, перед обновлением приходится переводить.

React Native, Flutter и нативная разработка

	React Native	Flutter	Нативная разработка
Язык	JavaScript или TypeScript	Dart	Swift для iOS, Kotlin для Android
Кто развивает	React Foundation	Google	Apple и Google
Чем рисуется интерфейс	Системные элементы платформы	Собственный движок отрисовки	Системные элементы платформы
Кодовая база	Одна на iOS и Android	Одна на iOS и Android	Две отдельные
Когда выбирают	Есть команда на React, нужен общий код с сайтом	Нужен одинаковый вид на всех устройствах	Сложная графика, оборудование, новые функции системы с первого дня

Подробнее про второй вариант в статье Flutter, а общие вопросы о том, нужно ли бизнесу приложение, разобраны в статье Мобильное приложение. Для React Native главный довод другой: если сайт или кабинет уже написан на React, в приложении можно переиспользовать часть логики и тех же разработчиков.

Схема React Native: один код на React собирается в приложения iOS и Android с системными элементами и публикуется в App Store, Google Play и RuStore — Один код, два приложения

Обновления, магазины и сторонние пакеты

Обновления по расписанию. Новые версии React Native выходят примерно раз в два месяца, а поддерживаются только три последние. На начало октября 2026 года активны 0.87 (вышла в августе) и 0.86, версия 0.85 доживает поддержку. Приложение, которое не обновляли год, из поддержки уже выпало, а после нескольких лет без обновлений переход на свежую версию может обернуться переписыванием половины кода.
Требования магазинов. App Store и Google Play периодически повышают требования к сборкам, и без обновления фреймворка новую версию приложения могут не принять. Android-сборку можно выложить и в RuStore. Аккаунты разработчика во всех магазинах регистрируйте на компанию, а не на исполнителя.
Сторонние библиотеки. Камеру, карты и платежи часто подключают пакетами от сообщества. Перед стартом проверьте, что нужные пакеты живы и работают с новой архитектурой.
Старт через фреймворк. Документация React Native советует начинать новое приложение с фреймворка вроде Expo: навигация, доступ к функциям телефона и сборка там уже решены.

Когда фреймворк подходит

Типичные задачи для него: каталог, заказы, запись, бонусная карта, личный кабинет клиента. Он удобен, когда приложение нужно сразу на iOS и Android, а у компании уже есть сайт на React и разработчики, которые его знают. Если же приложение почти целиком состоит из 3D-графики или работы с Bluetooth-оборудованием, нативного кода понадобится много, и выбор стоит обсудить отдельно.

Даже когда логика общая с сайтом, экраны не переносят в приложение один в один: на маленьком экране свои правила юзабилити. И приложение не заменяет мобильную версию сайта: новые клиенты всё равно приходят из поиска и рекламы на сайт.

Сравнение задач для React Native: каталог, заказы и личный кабинет подходят, игры, 3D и работа с оборудованием требуют отдельного обсуждения — Когда React Native к месту

Как проверить, на чём сделано приложение

Проще всего попросить у подрядчика доступ к репозиторию: в файле package.json будет пакет react-native, а если проект на Expo, то и пакет expo. Без репозитория подскажет Android-сборка: внутри APK у приложений на React Native обычно лежит файл index.android.bundle с кодом JavaScript.

Выбор между фреймворками, поддержка версий и публикация

Чем React Native отличается от React для сайтов?

Принципы и синтаксис у них общие, отличается результат. React строит интерфейс сайта из HTML-тегов в браузере, а React Native собирает из мобильных компонентов настоящие экраны iOS и Android. Логику и разработчиков можно частично переиспользовать, а вот вёрстку сайта напрямую в приложение не перенести: там нет div и других тегов HTML.

Flutter или React Native: что взять для приложения под iOS и Android?

React Native выгоднее, если у компании уже есть сайт или кабинет на React: в приложение переходят часть логики и сама команда. Flutter пишут на Dart, а интерфейс он рисует собственным движком, поэтому приложение выглядит одинаково на любых устройствах.

Зачем начинать приложение на React Native с Expo?

Так советует сама документация React Native, и Expo там приведён первым примером. В нём уже готовы навигация, модули для камеры, уведомлений и других функций телефона, сборка и обновления. Без фреймворка всё это команде придётся настраивать самой.

Какие известные приложения сделаны на React Native?

Официальная витрина проектов называет Instagram и Facebook, Outlook и Teams от Microsoft, Shopify и Amazon Shopping. Это не значит, что каждое из них целиком написано на React Native, но фреймворк в их разработке используется.

Для каких приложений React Native подходит плохо?

Хуже всего ему даются игры, приложения на 3D-графике и сценарии, где телефон постоянно общается с оборудованием по Bluetooth. Там много кода придётся писать на Swift и Kotlin, и нативная разработка может оказаться проще.

Что поменяла новая архитектура React Native?

Связка Fabric, TurboModules и JSI включена по умолчанию с версии 0.76, а с 0.82 прежней архитектуры не осталось. JavaScript быстрее общается с системой, но старое приложение перед обновлением приходится переводить, а каждую стороннюю библиотеку проверять на совместимость.

Как часто обновлять приложение на React Native?

Ориентируйтесь на ритм самого фреймворка: релизы выходят примерно раз в два месяца, а поддержку получают только три последних. Получается, что версия выпадает из поддержки примерно через полгода. Свежий фреймворк к тому же нужен, чтобы App Store и Google Play принимали новые сборки.

Как выложить Android-версию приложения на React Native в RuStore?

Загрузить ту же сборку, что уходит в Google Play: RuStore принимает и APK, и AAB. Версию для iPhone публикуют в App Store по правилам Apple.

Что проверить в сторонних пакетах перед стартом проекта на React Native?

Камеру, карты и платежи обычно подключают пакетами от сообщества, поэтому заранее смотрят, обновляются ли они и работают ли с новой архитектурой. Заброшенный пакет потом мешает обновлять сам фреймворк.

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

Источники

Официальная документация React Native: разделы «Get Started», «Core Components and Native Components», «About the New Architecture», «Releases Overview», «Showcase»
Блог React Native: релизы 0.82 и 0.87
Блог React: «The React Foundation: A New Home for React Hosted by the Linux Foundation», 24 февраля 2026 года
Документация Flutter: «Architectural overview»
Справка RuStore для разработчиков: публикация приложений