Reactjs — одна из самых мощных сред приложений для внешнего интерфейса с открытым исходным кодом для создания приложений с легким ожиданием. В период моего обучения мне приходилось переходить на разные страницы, чтобы собрать основную информацию для разработки базового реального приложения. Поэтому я постараюсь собрать все вместе в одном месте, чтобы вы могли начать создавать свое собственное приложение!
Инструменты и фреймворк, которые я собираюсь здесь использовать, перечислены ниже:
Здесь я предполагаю, что вы уже установили Nodejs и NPM в свою систему. Если у вас его нет, вы можете установить его из следующего места: Nodejs & NPM (Для использования ReactJS npx на вашем компьютере должны быть установлены Node ›= 8.10 и npm ›= 5.6. упаковка)
Сначала создайте папку проекта в своем рабочем каталоге. Я создал средство отслеживания проблем, а затем открыл папку проекта с кодом Visual Studio.
Затем запустите «npm install -g npx», чтобы глобально установить средство запуска пакетов npx.
Затем запустите «npx create-react-app i-tracker», чтобы создать шаблон ReactJS. имя приложения будет «i-tracker».
Теперь перейдите в каталог, набрав «cd i-tracker» и запустите команду «ls», чтобы увидеть шаблон реакции.
Итак, базовый шаблон нашего приложения Reactjs сгенерирован! Здесь общедоступный каталог содержит файл index.html, который будет настроен для отображения приложения.
Теперь пришло время запустить приложение ReactJS (сервер), для этого просто запустите «npm start»
Наконец, наше приложение ReactJS запускается на локальном хосте через порт 3000. Вы также можете получить к нему доступ со своих мобильных устройств, введя сетевой адрес. Просто убедитесь, что ваша система и телефон подключены к одной сети. Я делюсь сетевым адресом здесь, так как это всего лишь временная внутренняя сеть. Для области безопасности вы не должны делиться этим с публикой! Запуск приложения
Если у вас уже есть приложение, работающее на порту 3000 по умолчанию, вы можете легко изменить это, создав файл .env.development.local и установив номер ПОРТА как PORT=3001. можно запустить приложение в режиме https, установив флаг “HTTPS=true” Запуск приложения https
