47 lines
2.0 KiB
Markdown
47 lines
2.0 KiB
Markdown
|
### Окружение:
|
|||
|
|
- [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;
|
|||
|
|
- для отладки необходимы бразузеры Chrome или Edge.
|
|||
|
|
|
|||
|
|
Настройки плагина CSS Class Intellisense находятся в файле ./vscode/cssconfig.json
|
|||
|
|
|
|||
|
|
### Команды
|
|||
|
|
|
|||
|
|
#### Создание пустого проекта:
|
|||
|
|
|
|||
|
|
```commandline
|
|||
|
|
npm create vite@latest ./ -- --template react
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
#### Установка зависимостей:
|
|||
|
|
|
|||
|
|
```commandline
|
|||
|
|
npm install
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
#### Запуск проекта в режиме разработки (development):
|
|||
|
|
|
|||
|
|
```commandline
|
|||
|
|
npm run dev
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
#### Запуск проекта в продуктовом режиме (production):
|
|||
|
|
|
|||
|
|
```commandline
|
|||
|
|
npm run prod
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
### Полезные ссылки
|
|||
|
|
|
|||
|
|
1. Updating Objects in State - https://react.dev/learn/updating-objects-in-state
|
|||
|
|
2. Sharing State Between Components - https://react.dev/learn/sharing-state-between-components
|
|||
|
|
3. React Hot Toast - https://react-hot-toast.com
|
|||
|
|
4. Axios - https://axios-http.com
|
|||
|
|
5. Axios & Error handling like a boss - https://dev.to/mperon/axios-error-handling-like-a-boss-333d
|
|||
|
|
6. Separation of Concerns in React –How to Use Container and Presentational Components - https://www.freecodecamp.org/news/separation-of-concerns-react-container-and-presentational-components/
|
|||
|
|
7. Separation of concerns in React and React Native - https://dev.to/sathishskdev/separation-of-concerns-in-react-and-react-native-45b7
|
|||
|
|
8. React Bootstrap - https://react-bootstrap.netlify.app
|
|||
|
|
9. React Bootstrap Icons - https://github.com/ismamz/react-bootstrap-icons
|
|||
|
|
10. JSON Server - https://www.npmjs.com/package/json-server
|