react-vite-ts-swc-template

Данный шаблон проекта предназначен для быстрого создания react-приложений на языке TypeScript, созданный на базе vite-swc.

Дата создания шаблона: 28.09.2024

Quick start:

1. >> cd app

2. >> npm i

3. >> npm run dev

Change list:

/app:

/.editorconfig:

• создан и сконфигурирован

/.prettierrc.json:

• создан и сконфигурирован

/package.json:

• "sass": "^1.81.0" - css-препроцессор
• "prettier": "^3.3.3"
• "vite-plugin-svgr": "^4.2.0" - импорт файлов .svg как react-компонент

Пример использования пакета "vite-plugin-svgr" есть в ./App.tsx

Для стабильной работы плагина также был настроен tsconfig.app.json (добавлена строчка "types": ["vite-plugin-svgr/client"])

• "browserslist": {...}

./index.html:

• Добавлена базовая мета-информация
• Настроен импорт main.tsx файла

/src:

• Стандартные стили были перенесены в отдельную папку /styles, туда входят:
  • App.scss
  • class-names.scss - отдельный файл для создания универсальных классовых имен
  • index.scss - файл со стилями :root и тегов (?)
  • variables.scss - отдельный файл для создания css-переменных
  • normalize.css - нормализатор стилей

Последние 4 стиля импортированы в /main.tsx.