Internet_Programming_PIbd-2.../README.md

44 lines
1.8 KiB
Markdown
Raw Permalink Normal View History

2024-01-10 17:33:48 +04:00
### Окружение:
- [nodejs 20 LTS latest](https://nodejs.org/en/download/);
- [VSCode](https://code.visualstudio.com/download);
- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) плагин для VSCode;
- [CSS Class Intellisense](https://marketplace.visualstudio.com/items?itemName=Tarrow.css-class-intellisense) плагин для автодополнения CSS-классов в HTML;
2024-01-03 17:42:35 +04:00
- для отладки необходимы бразузеры Chrome или Edge.
2023-10-15 14:18:24 +04:00
2024-01-10 17:33:48 +04:00
Настройки плагина CSS Class Intellisense находятся в файле ./vscode/cssconfig.json
### Команды
2024-01-03 17:42:35 +04:00
#### Создание пустого проекта:
2023-12-08 22:40:11 +04:00
2024-01-03 17:42:35 +04:00
```commandline
npm create vite@latest ./ -- --template react
```
2023-12-08 22:40:11 +04:00
2024-01-03 17:42:35 +04:00
#### Установка зависимостей:
2023-12-08 22:40:11 +04:00
2024-01-03 17:42:35 +04:00
```commandline
2023-12-08 22:40:11 +04:00
npm install
2024-01-03 17:42:35 +04:00
```
2023-12-08 22:40:11 +04:00
2024-01-10 17:33:48 +04:00
#### Запуск проекта в режиме разработки (development):
2023-12-08 22:40:11 +04:00
2024-01-03 17:42:35 +04:00
```commandline
2023-12-08 22:40:11 +04:00
npm run dev
2024-01-03 17:42:35 +04:00
```
2023-12-08 22:40:11 +04:00
2024-01-10 17:33:48 +04:00
#### Запуск проекта в продуктовом режиме (production):
2023-12-08 22:40:11 +04:00
2024-01-03 17:42:35 +04:00
```commandline
2024-01-10 17:33:48 +04:00
npm run prod
```
### Полезные ссылки
1. Global Object - https://developer.mozilla.org/en-US/docs/Glossary/Global_object
2. Global Scope - https://developer.mozilla.org/en-US/docs/Glossary/Global_scope
3. localStorage - https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage
4. JavaScript Execution Context How JS Works Behind The Scenes - https://www.freecodecamp.org/news/execution-context-how-javascript-works-behind-the-scenes/
5. Extracting State Logic into a Reducer - https://react.dev/learn/extracting-state-logic-into-a-reducer
6. Passing Data Deeply with Context - https://react.dev/learn/passing-data-deeply-with-context
7. Scaling Up with Reducer and Context - https://react.dev/learn/scaling-up-with-reducer-and-context