Шаг 2. Добавление зависимостей

Список пакетов указан в рекомендациях — это необходимых минимум для запуска React на webpack-сборке.

Давайте установим пакеты, для этого вводим в терминале команды:

npm i react react-dom react-router-dom

npm i @babel/preset-react -D

Если вы хотите сэкономить время, можно вместо этих двух команд воспользоваться одной, используя символ &&:

npm i @babel/preset-react -D && npm i react react-dom react-router-dom

Добавляем в проект gh-pages:

npm i gh-pages -D

И теперь комбинируем запуск скриптов для сборки и деплоя проекта:

npm run build && npm run deploy

Добавляется данный скрипт в поле scripts файла package.json:

"scripts": {
  "deploy": "gh-pages -d dist"
}

Такая запись означает, что установленный в зависимостях проекта пакет под названием gh-pages ищет директорию с названием dist, затем берёт её содержание и пушит на соответствующую ветку.