| .. | ||
| images | ||
| public | ||
| src | ||
| .eslintrc.cjs | ||
| .eslintrc.json | ||
| .gitignore | ||
| data.json | ||
| index.html | ||
| jsconfig.json | ||
| json-server.json | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| test.html | ||
| vite.config.js | ||
Окружение:
- nodejs 20 LTS latest;
- VSCode;
- ESLint плагин для VSCode;
- CSS Class Intellisense плагин для автодополнения CSS-классов в HTML;
- для отладки необходимы бразузеры Chrome или Edge.
Настройки плагина CSS Class Intellisense находятся в файле ./vscode/cssconfig.json
Команды
Создание пустого проекта:
npm create vite@latest ./ -- --template react
Установка зависимостей:
npm install
Запуск проекта в режиме разработки (development):
npm run dev
Запуск проекта в продуктовом режиме (production):
npm run prod
Полезные ссылки
- Global Object - https://developer.mozilla.org/en-US/docs/Glossary/Global_object
- Global Scope - https://developer.mozilla.org/en-US/docs/Glossary/Global_scope
- localStorage - https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage
- JavaScript Execution Context – How JS Works Behind The Scenes - https://www.freecodecamp.org/news/execution-context-how-javascript-works-behind-the-scenes/
- Extracting State Logic into a Reducer - https://react.dev/learn/extracting-state-logic-into-a-reducer
- Passing Data Deeply with Context - https://react.dev/learn/passing-data-deeply-with-context
- Scaling Up with Reducer and Context - https://react.dev/learn/scaling-up-with-reducer-and-context