Установка React и сборка проекта NodeJS+React

react nodejs netlify.com npm sds-tester

Установка React и сборка проекта NodeJS+React

Установка Node.js:

sudo apt-get install python-software-properties
# for ubuntu18: software-properties-common
curl -sL https://deb.nodesource.com/setup_13.x | sudo -E bash -
sudo apt-get install nodejs
node -v
npm -v

Теперь установим все зависимости для React:

npm install -g babel-cli  
npm install babel-preset-es2015 babel-preset-react
npm install -g browserify
npm install -g watchify

Ставим собственно React:

npm install -g create-react-app

To create a project:

Для создания проекта, надо создать папку проекта, перейти в нее, и запустить его.

create-react-app project1
cd project1  
npm start

По умолчанию, приложение React стартует на порту 3000

Надо поставить еще один пакет

sudo apt install xsel

Для публикации приложения не рекомендуют ставить доп.прослойки в виде http-сервера apache2 или nginx.

Стартовать в фоновом режиме на порту 80 можно так:

#!/bin/bash
nohup serve -s build -l 80 > /dev/null 2>&1 &

aizaro@mail.ru 08.04.19 проверено

Сборка проекта NodeJS+React ****Netlify, sds\-tester

  1. Скачиваем проект с помощью git

  2. Переходим в каталог проекта и набираем:

npm i && npm run build

  1. Файлы сайта будут размещены в папке dist или build.

  2. Ставим режим сервера: 

npm install -g serve

  1. Запускаем сервер:

serve -s build