1

Создал новый React-native проект с помощью команды:

npx react-native init MyApp --template react-native-template-typescript

Скрипты как обычно называются короткими словами, не отвечающими на вопрос "что конкретно они делают?"; ответ на этот вопрос в отношении скрипта start находится где-то в глубинах документации.

Если его запустить, то будет примерно такое отображение в консоли:

введите сюда описание изображения

Естественная реакция того, кто никогда не работал с React Native - "и чё теперь?!".

P. S. Не рекомендуйте мне Expo, если этот фреймворк не собирает приложения для Windows, macOS и Linux.

4
  • теперь открываем ещё одно командное окно и запускаем npm run android
    – Spatz
    9 авг 2021 в 12:19
  • @Spatz, благодарю Вас за комментарий! А почему нельзя сразу npm run android без npm run start? 9 авг 2021 в 12:26
  • Так построена система (по типу клиент-сервер)
    – Spatz
    9 авг 2021 в 12:27
  • Хорошо. Могу ли я Вас попросить оформить ответ с разъяснением того, что же конкретно делает npm run start? Я Вам дам очки репутации. 9 авг 2021 в 13:02

2 ответа 2

3
+50

В принципе всё описано в документации, надо только выбрать вариант React Native CLI Quickstart (по умолчанию выбран Expo Quickstart).

Запуск приложения состоит из двух этапов:

  1. Запуск сервиса сборки JavaScript / TypeScript модулей

npx react-native start (или просто npm start)

  1. Запуск нативного приложения для платформ Android / iOS

npx react-native run-android (или просто npm run android) на примере для Android.

Сборщик модулей Metro работает на хост-компьютере и среди прочих возможностей обеспечивает поиск зависимостей, преобразование кода и горячую перезагрузку.

Нативное приложение работает на мобильном устройстве и для обеспечения сервисных функций системы разработчика поддерживает связь с хост-компьютером. При желании второй этап можно заменить, например можно открыть папку android из Android Studio и запустить приложение оттуда.

1
0

Если возникают вопросы по сборке react native лучшего места чем исходники CLI не найти. В ответ на ваш вопрос можно почитать как реализована эта команда, она достаточно простая react-native-cli/commands/start

2
  • для того чтобы увидеть то, что видно по ссылке, достаточно сказать npm start --help 12 авг 2021 в 8:44
  • внутри есть import runServer from './runServer'; и в нем как раз имплементация 12 авг 2021 в 9:12

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.