Шаблон для швидкого налаштування проєкту на React з використанням Vite, Husky, та ESLint. Підходить для створення нових проєктів з базовими інструментами для контролю якості коду та автоматизації процесу коміту.
- Vite - швидкий збірник для розробки з гарячою перезавантажкою.
- React - налаштований для початку роботи з компонентами.
- Husky - налаштований pre-commit hook, який виконує ESLint перед комітом, щоб забезпечити якість коду.
- ESLint - налаштований на базові правила, які можна редагувати за потреби в
eslint.config.js.
-
Інсталяція та запуск
- Виконайте команду для встановлення залежностей:
npm install
- Для запуску проєкту в режимі розробки:
npm run dev
- Для збірки проєкту:
npm run build
- Виконайте команду для встановлення залежностей:
-
**Налаштування **
- Замініть
"name": "vite-react-template"вpackage.jsonна назву вашого проєкту. - Замініть
"base: "/vite-react-template/"вvite.config.jsна базовий URL вашого проєкту.
- Замініть
-
Редагування
index.html- Змініть
titleсторінки. - Додайте свій favicon (можна скористатися Real Favicon Generator).
- Додайте meta-теги для SEO та соцмереж.
- Підключіть шрифти:
- Додайте посилання на Google Fonts в index.html;
- або завантажте в /public/fonts, використовуючи Google Webfonts Helper та підключіть шрифти через CSS за допомогою
@font-face. - або встановіть через npm Fontsource
- Змініть
-
Налаштування ESLint
- За необхідності, додайте або змініть правила в
eslint.config.js.
- За необхідності, додайте або змініть правила в