Как по коду компонента определяешь что он хорошо читается

Хорошо читаемый компонент имеет четкую структуру и логику. Основные признаки: 1. **Разделение ответственностей** - компонент делает одну вещь. Если логика сложная, она вынесена в хуки/утилиты. 2. **Понятные пропсы** - типизированы (TypeScript/PropTypes), имеют осмысленные названия, нет избыточных пропсов. 3. **Локальное состояние** - только необходимое, сложная логика управления состоянием вынесена в стор/контекст. 4. **Читаемый JSX** - минимум инлайновой логики, сложные части разбиты на подкомпоненты. Пример хорошего компонента: ```jsx function UserCard({ user, onEdit }) { const { name, avatar, role } = user; const [isHovered, setIsHovered] = useState(false); return ( ); } ```