Шаблон React + TypeScript + Vite

Стэк разработки

• React
• TypeScript
• effector
• Farfetched
• shadcn/ui
• tailwindcss
• Husky
• React Router v6
• React Hook Form

Развертывание проекта

NPM v10 и NodeJS v20

1. Выполняем команду:

pnpm i

2. Запуск для разработки:

pnpm run dev

Дополнительные команды

• Запуск тестов

pnpm run test

• Проверка ошибок связанных со стилем JS/TS кода

pnpm run lint

• Автоматическое исправление ошибок связанных со стилем JS/TS кода

pnpm run lint:fix

• Проверка ошибок связанных со стилем CSS кода

pnpm run stylelint

• Автоматическое исправление ошибок связанных со стилем CSS кода

pnpm run stylelint:fix

Прогонять линтеры в ручную необязательно, так как в проекте используется husky и lint-staged для запуска pre-commit хуков.

Полезное

• Соглашение о коммитах
• Семантического версионирования
• Архитектурная методология для фронтенд проектов
• Именованные экспорты вместо default
• Без вложенных тернарных операторов
• SVG файлы как React компоненты

Другое

• magicui.design - animated components built with React, Typescript, Tailwind CSS, and Framer Motion