Настраиваем деплой на github pages
1. Создаем новый репозиторий на github
2. Включаем ему gitpages с хостингом из ветки
3. Создаем токен для доступа к своим репозиториям через терминал (обязательно проставляем галочки с разрешениями для редактирования)
4. Клонируем репозиторий на свой компьютер
5. Помещаем туда файлы нашего проекта (кроме /node modules и /build) предварительно созданного через npx create-react-app my-app
6. Разворачиваем проект npm install
7. Настраиваем деплой
* npm install gh-pages --dev (устанавливаем плагин для github pages)
* Добавляем две строчки в раздел scripts в package.json: "predeploy": "npm run build", "deploy": "gh-pages -d build"
* Добавляем поле “homepage”: “ссылка на ваш репозиторий” package.json, ссылку мы берем из github pages которая сгенерировалась для нашего репозитория
* Проверяем какой у нас сейчас актуальный репозиторий git remote -v
* Устанавливаем (git remote add origin) (либо меняем) актуальный репозиторий, используя токен в формате git remote set-url origin https://${github_token}@github.com/${to_repository}
Готово! Можно запускать npm run deploy
Код занятия: https://github.com/Nolra/front_course_2023/tree/react-intro
Повторение материала: https://ru.legacy.reactjs.org/docs/introducing-jsx.html - JSX https://ru.legacy.reactjs.org/docs/rendering-elements.html - Рендеринг элементов https://ru.legacy.reactjs.org/docs/components-and-props.html - Компоненты и пропсы\