Чего нужно придерживаться для достижения максимальной переиспользованности компонентов

1. Разделение логики и представления
   Компоненты должны быть максимально независимыми и содержать только необходимую логику.

2. Props для кастомизации
   Используй пропсы для передачи данных и настроек, а не жестко зашитых значений.

<Button variant="primary" size="large" onClick={handleClick}>
  Submit
</Button>

3. Композиция компонентов
   Дроби сложные компоненты на мелкие, переиспользуемые части (например, Card → CardHeader, CardBody).

4. HOC и Render Props
   Для общей логики (загрузка данных, аутентификация) используй Higher-Order Components или Render Props.

5. Контекст и хуки
   Для глобальных данных применяй Context API или кастомные хуки.

6. Документация и PropTypes/Typescript
   Четко описывай ожидаемые пропсы и их типы.

Button.propTypes = {
  variant: PropTypes.oneOf(['primary', 'secondary']),
  size: PropTypes.oneOf(['small', 'medium', 'large']),
};

7. UI-библиотеки и дизайн-системы
   Следуй гайдлайнам (Material UI, Ant Design) или создай свою систему.