| .. | ||
| fonts | ||
| icon | ||
| img | ||
| public | ||
| src | ||
| .eslintrc.cjs | ||
| .gitignore | ||
| data.json | ||
| index.html | ||
| jsconfig.json | ||
| json-server.json | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| 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
Полезные ссылки
- Updating Objects in State - https://react.dev/learn/updating-objects-in-state
- Sharing State Between Components - https://react.dev/learn/sharing-state-between-components
- React Hot Toast - https://react-hot-toast.com
- Axios - https://axios-http.com
- Axios & Error handling like a boss - https://dev.to/mperon/axios-error-handling-like-a-boss-333d
- 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/
- Separation of concerns in React and React Native - https://dev.to/sathishskdev/separation-of-concerns-in-react-and-react-native-45b7
- React Bootstrap - https://react-bootstrap.netlify.app
- React Bootstrap Icons - https://github.com/ismamz/react-bootstrap-icons
- JSON Server - https://www.npmjs.com/package/json-server