React Native предоставляет ряд команд, которые используются для управления разработкой приложений. Эти команды помогают создавать, запускать и тестировать приложения на различных платформах. В этом руководстве мы рассмотрим основные команды React Native и приведем множество примеров их использования.
Основные команды
Вот некоторые из основных команд, которые помогут вам в разработке приложений на React Native:
1. Создание нового проекта
npx react-native init MyNewApp
// Создает новый проект React Native с именем MyNewApp.Пример использования:
npx react-native init MyAwesomeProject
cd MyAwesomeProject
npx react-native run-ios2. Запуск приложения на iOS
npx react-native run-ios
// Запускает ваше приложение на iOS-симуляторе или устройстве.Пример использования:
npx react-native run-ios --simulator="iPhone 11"
// Запускает приложение на указанном симуляторе iPhone 11.npx react-native run-ios --device "My iPhone"
// Запускает приложение на реальном устройстве с именем "My iPhone".3. Запуск приложения на Android
npx react-native run-android
// Запускает ваше приложение на Android-устройстве или эмуляторе.Пример использования:
npx react-native run-android --variant=release
// Запускает приложение в режиме релиза.npx react-native run-android --deviceId="emulator-5554"
// Запускает приложение на указанном эмуляторе Android.4. Запуск сервера Metro
npx react-native start
// Запускает сервер Metro для разработки.Пример использования:
npx react-native start --reset-cache
// Запускает сервер Metro с очисткой кэша.5. Отображение логов iOS
npx react-native log-ios
// Отображает логи iOS.Пример использования:
npx react-native log-ios | grep "error"
// Фильтрует логи, отображая только ошибки.6. Отображение логов Android
npx react-native log-android
// Отображает логи Android.Пример использования:
npx react-native log-android | grep "warn"
// Фильтрует логи, отображая только предупреждения.7. Обновление проекта
npx react-native upgrade
// Обновляет ваш React Native проект до последней версии.Пример использования:
npx react-native upgrade --legacy
// Обновляет проект, используя устаревший режим.8. Вывод конфигурации проекта
npx react-native config
// Выводит конфигурацию проекта React Native.Пример использования:
npx react-native config | jq '.'
// Форматирует вывод с помощью jq для лучшей читаемости.9. Создание JavaScript бандла
npx react-native bundle
// Создает JavaScript бандл для приложения.Пример использования:
npx react-native bundle --platform ios --dev false --entry-file index.js --bundle-output ios/main.jsbundle --assets-dest ios
// Создает бандл для iOS в режиме продакшн.10. Извлечение платформо-зависимых файлов
npx react-native eject
// Извлекает платформо-зависимые файлы проекта для ручной настройки.Пример использования:
npx react-native eject
// Используйте эту команду, если вам нужно настроить нативные файлы проекта вручную.11. Связывание библиотек
npx react-native link
// Автоматически связывает библиотеки с нативным проектом.Пример использования:
npx react-native link react-native-vector-icons
// Связывает библиотеку react-native-vector-icons с проектом.12. Разрыв связи с библиотекой
npx react-native unlink
// Разрывает связь между нативным проектом и библиотекой.Пример использования:
npx react-native unlink react-native-vector-icons
// Разрывает связь с библиотекой react-native-vector-icons.13. Запуск тестов Jest
npx react-native test
// Запускает тесты Jest для вашего проекта.Пример использования:
npx react-native test --watch
// Запускает тесты в режиме наблюдения.14. Предоставление информации о среде разработки
npx react-native info
// Предоставляет информацию о среде разработки.Пример использования:
npx react-native info
// Эта команда выводит информацию о версии React Native, платформе, окружении и зависимостях.15. Проверка среды разработки
npx react-native doctor
// Проверяет вашу среду разработки на наличие проблем.Пример использования:
npx react-native doctor --fix
// Автоматически исправляет найденные проблемы в среде разработки.Дополнительные команды и примеры
1. Запуск на конкретном эмуляторе
npx react-native run-android --emulator "Pixel_3a_API_30"
// Запускает приложение на указанном эмуляторе Pixel 3a с API 30.2. Перезапуск сервера Metro
npx react-native start --reset-cache
// Перезапускает сервер Metro с очисткой кэша для устранения возможных проблем.3. Генерация JavaScript кода
npx react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res
// Создает бандл для Android в режиме продакшн.4. Просмотр информации о проекте
npx react-native config
// Выводит текущую конфигурацию проекта, включая пути к файлам, используемые пакеты и другие настройки.5. Выполнение тестов
npx react-native test --watchAll
// Запускает все тесты в режиме наблюдения, перезапуская их при изменении файлов.6. Информация о зависимости
npx react-native
info
// Выводит информацию о версиях Node.js, npm, yarn и других инструментах, используемых в проекте.Заключение
React Native предоставляет широкий набор команд, которые помогают разработчикам эффективно управлять процессом разработки мобильных приложений. В этом руководстве мы рассмотрели основные команды и примеры их использования, что поможет вам быстрее освоить и использовать React Native в ваших проектах.
