React + Vite Starter

Простой стартовый проект на React 19 и Vite 7 с настройкой маршрутизации, Sass и ESLint.

Возможности

• маршрутизация через react-router-dom;
• переиспользуемые компоненты (Header, Footer и др.);
• модульные SCSS-стили;
• линтинг с помощью ESLint и плагинов для React Hook'ов и React Refresh;
• готовые команды для разработки, сборки и предпросмотра.

Требования

• Node.js LTS 18+ (проверено также на 20.x);
• npm 9+ (либо yarn / pnpm при желании).

Быстрый старт

npm install
npm run dev

Приложение откроется на http://localhost:5173/. Vite автоматически включает HMR.

Скрипты npm

• npm run dev — запуск режима разработки Vite с горячей перезагрузкой;
• npm run build — production-сборка в каталог dist;
• npm run preview — локальный предпросмотр собранного приложения;
• npm run lint — проверка проекта ESLint'ом.

Структура проекта

.
├── index.html          # корневой HTML
├── src
│   ├── App.jsx         # корневой компонент приложения с маршрутизацией
│   ├── main.jsx        # точка входа, подключает React и стили
│   ├── components      # переиспользуемые компоненты (Header, Footer)
│   ├── pages           # страницы (Home, Login, Account и т.д.)
│   ├── scss            # глобальные стили и модули
│   └── assets          # статика при необходимости
├── vite.config.js      # конфигурация Vite
├── eslint.config.js    # правила ESLint
└── package.json

Рекомендации по разработке

• храните все новые страницы в каталоге src/pages, подключая их через Routes;
• старайтесь использовать SCSS-модули для локальных стилей и избегать глобальных правил;
• выполняйте npm run lint перед коммитом, чтобы поддерживать единый кодстайл.

Готово — можно развивать проект под ваши задачи.