create-react-app


create-react-app — команда за счет которой выполняется создание приложения на react.


Предварительно в систему ставится глобально nodejs, пакетный менеджер npm и соответствующий модуль create-react-app.


npm install -g create-react-app


В случае если возникают ошибки нужно скачать с официального сайта свежую версию nodejs. Затем установить её в систему.

create-react-app



Приложению при создании дается имя, в примере frontend

create-react-app frontend



dev сервер запускается командой

npm run start


При запуске dev сервера с помощью обработчика nodejs запускается процесс и фактически выполняются nodejs скрипты. Это важно для отладки, при возникновении любых программных ошибок в консоли разработчика будут появляться сообщения.


Запуск тестов

npm run tests


Выполнение сборки

npm run build



Когда сборка выполнена проект представляет собой уже не nodejs скрипты, а обычную статику: html, файлы стилей css, изображения.



Работа с react ведется обычно локально на компьютере разработчика, на сервере скрипты непосредственно с помощью обработчика nodejs не запускаются.


Запуск сборки приложения для production окружения, в нем остаются только статические файлы, которые отдаются веб сервером Nginx.

За счет этого достигается очень большая скорость работы приложения для конечного пользователя. Также конфигурация получается простой и отказоустойчивой.



Пример запуска приложения на nodejs в Docker рассматривается в материале доступном по ссылке


Сборка приложения проходит в два этапа, на первом подготавливается и собирается приложение, на втором оно разворачивается в контейнере с веб-сервером, в который за счет инструкции COPY в Dockerfile копируются файлы

Сказать спасибо