Domiq frontend coding conventions. Auto-load when writing React, TypeScript, Tailwind or API code in this project.
shadcn/ui компонент существует? → использовать его
Нет → Tailwind
Tailwind не справляется? → SCSS-модуль
import { Button } from '@/components/ui/button';
import { Badge } from '@/components/ui/badge';
import { cn } from '@/lib/utils'; // всегда использовать cn() для className
PascalCaseinterface ComponentNamePropsexport const ListingCard = ...src/hooks/, не в компонентахcn() из @/lib/utils для объединения className// ВСЕГДА типизировать props
interface ListingCardProps {
listing: Listing;
onFavorite?: (id: string) => void;
}
// НИКОГДА не использовать any
// ВСЕГДА использовать React.FC<Props>
import { Button } from '@/components/ui/button'; // ПРАВИЛЬНО
import { Button } from '../../../components/...'; // НЕПРАВИЛЬНО
import { listingsApi } from '@/api/listings'; // ПРАВИЛЬНО
import axios from 'axios'; // НЕПРАВИЛЬНО в компонентах
Всегда mobile-first: сначала mobile, потом md:, xl:, 2xl:
anystyle={{}} инлайн-стилиsrc/components/ui/ напрямую