Гайд по Create React App -‘React’-

Создаем репозиторий на Github
Создаем React приложение -

         npx create-react-app .

Eсли еще не установлены, ставим -
React DevTools
Установить валидация пропсов -

         npm i prop-types

Установить Prettier

         npm install --save-dev prettier eslint

Добавляем в корень папки фаил -

         .prettierrc

-и там такие настройки :

{
  "printWidth": 80,
  "tabWidth": 2,
  "useTabs": false,
  "semi": true,
  "singleQuote": true,
  "trailingComma": "all",
  "bracketSpacing": true,
  "jsxBracketSameLine": false,
  "arrowParens": "avoid",
  "proseWrap": "always"
}

Установить lint и huskyrc -

         npx mrm@2 lint-staged

Добавляем в корень папки фаил -

.huskyrc

-и там такие настройки :

{
  "hooks": {
    "pre-comit": "lint-staged"
  }
}

Добавляем в корень папки фаил -

        .lintstagedrc

-и там такие настройки :

{
  "src/**/*.{json,css,scss,md}": ["prettier --write"],
  "src/**/*.{js,jsx,ts,tsx}": ["prettier --write", "eslint --fix"]
}

Добавляем в корень папки фаил -

   .eslintcache

В VSCode => setting.json в конце добавялем для комфортной работы, после
установки плагинов для авто сохранения и форматирования файлов.

{
  "files.autoSave": "onFocusChange",
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }
}

Деплой на Github pages:
Video

В файле “package.json”

 "homepage": "https://Vitaliy-Yakovlev.github.io/my-app"

Добавить пакет -

         npm install --save gh-pages

Добавить в package.json такие скрипты:

"predeploy": "npm run build",
"deploy": "gh-pages -d build"

npm run deploy

" class="reference-link">Деплой на NETLIFY

Создаем файл в корне проекта (src)

       netlify.toml

*там настройка:

[build]
 publish = "build"
 [[redirects]]
  from="/*"
  to="/index.html"
  status = 200

Устанавливаем пакет -

         npm install netlify-cli -g

Выполняем команду -

         netlify login

Добавялем скрипт -

```json “predeploy”: “npm run build”,
“predeploy”: “npm run build”,
“deploy”: “netlify deploy -p”


4. При первом деплои, стрелками выбрать : + Create & configure a new site
5. Зайти на страницу -
```npm
            netlify open --site

Гайд по Create React App -‘React’-

" class="reference-link">Деплой на NETLIFY

Видео инструкция