Окружение:

• 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

Полезные ссылки

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