Что делает команда "npm/yarn start" в React Native-приложении созданном с помощью "react-native init"?
Создал новый React-native проект с помощью команды:
npx react-native init MyApp --template react-native-template-typescript
Скрипты как обычно называются короткими словами, не отвечающими на вопрос "что конкретно они делают?"; ответ на этот вопрос в отношении скрипта start находится где-то в глубинах документации.
Если его запустить, то будет примерно такое отображение в консоли:
Естественная реакция того, кто никогда не работал с React Native - "и чё теперь?!".
P. S. Не рекомендуйте мне Expo, если этот фреймворк не собирает приложения для Windows, macOS и Linux.
Ответы (2 шт):
В принципе всё описано в документации, надо только выбрать вариант React Native CLI Quickstart (по умолчанию выбран Expo Quickstart).
Запуск приложения состоит из двух этапов:
- Запуск сервиса сборки JavaScript / TypeScript модулей
npx react-native start(или простоnpm start)
- Запуск нативного приложения для платформ Android / iOS
npx react-native run-android(или простоnpm run android) на примере для Android.
Сборщик модулей Metro работает на хост-компьютере и среди прочих возможностей обеспечивает поиск зависимостей, преобразование кода и горячую перезагрузку.
Нативное приложение работает на мобильном устройстве и для обеспечения сервисных функций системы разработчика поддерживает связь с хост-компьютером. При желании второй этап можно заменить, например можно открыть папку android из Android Studio и запустить приложение оттуда.
Если возникают вопросы по сборке react native лучшего места чем исходники CLI не найти. В ответ на ваш вопрос можно почитать как реализована эта команда, она достаточно простая react-native-cli/commands/start