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

1. **Разделение логики и представления** Компоненты должны быть максимально независимыми и содержать только необходимую логику. 2. **Props для кастомизации** Используй пропсы для передачи данных и настроек, а не жестко зашитых значений. ```jsx Submit ``` 3. **Композиция компонентов** Дроби сложные компоненты на мелкие, переиспользуемые части (например, `Card` → `CardHeader`, `CardBody`). 4. **HOC и Render Props** Для общей логики (загрузка данных, аутентификация) используй Higher-Order Components или Render Props. 5. **Контекст и хуки** Для глобальных данных применяй Context API или кастомные хуки. 6. **Документация и PropTypes/Typescript** Четко описывай ожидаемые пропсы и их типы. ```jsx Button.propTypes = { variant: PropTypes.oneOf(['primary', 'secondary']), size: PropTypes.oneOf(['small', 'medium', 'large']), }; ``` 7. **UI-библиотеки и дизайн-системы** Следуй гайдлайнам (Material UI, Ant Design) или создай свою систему.