Установка среды разработки
Для разработки на React Native требуется настроить окружение, включающее как общие инструменты (Node.js), так и платформо-специфичные компоненты (Android SDK, Xcode). Однако существует два основных подхода: с использованием Expo CLI и React Native CLI. Для новичков рекомендуется начинать с Expo.
Требования к системе
Независимо от выбранного инструмента, вам понадобятся:
- Node.js (версия 18 или новее) — для запуска JavaScript-сборки
- npm или yarn — менеджер пакетов
- Git — используется многими инструментами под капотом
Для запуска на реальных устройствах или эмуляторах дополнительно нужны:
- Android: Android Studio с установленным Android SDK и эмулятором
- iOS (только на macOS): Xcode с симулятором iOS
Важно: если вы работаете на Windows или Linux, запуск iOS-приложений невозможен — только Android.
Expo CLI vs React Native CLI
| Критерий | Expo CLI | React Native CLI |
|---|---|---|
| Настройка | Минимальная — всё включено «из коробки» | Требует ручной установки нативных зависимостей |
| Доступ к API | Ограничен набором Expo SDK (камера, геолокация и др.) | Полный доступ через нативные модули |
| Кастомизация | Невозможно добавлять нативный код без «eject» | Полный контроль над нативной частью |
| Скорость старта | Очень высокая — приложение за минуты | Выше порог входа — часы настройки |
Для обучения и прототипирования Expo — лучший выбор. Он позволяет писать код, мгновенно видеть изменения на устройстве (через Expo Go) и не беспокоиться о сборке APK/IPA.
Установка с помощью Expo
- Установите Expo CLI глобально:
npm install -g @expo/cli - Создайте новый проект:
npx create-expo-app MyFirstApp - Перейдите в папку проекта:
cd MyFirstApp - Запустите сервер разработки:
npx expo start
После этого откроется веб-панель Metro. Вы можете:
- Запустить эмулятор Android/iOS (если установлен)
- Отсканировать QR-код камерой смартфона с установленным приложением Expo Go (доступно в App Store и Google Play)
Примечание: все команды выше работают без предварительной установки Android Studio или Xcode при использовании Expo Go на физическом устройстве.
Если в будущем потребуется доступ к нативным модулям, можно выполнить prebuild или перейти на bare workflow, но это выходит за рамки вводной темы и курса в целом.