Ответ
Композиция — это принцип объединения простых компонентов или функций в более сложные структуры. В контексте фронтенда это часто означает создание UI из мелких переиспользуемых компонентов.
Пример с React:
const Button = ({ children }) => (
<button className="btn">{children}</button>
);
const Card = ({ title, content }) => (
<div className="card">
<h3>{title}</h3>
<p>{content}</p>
<Button>Подробнее</Button>
</div>
);
Ключевые преимущества:
- Повышение переиспользуемости кода
- Упрощение тестирования
- Улучшение читаемости
- Гибкость архитектуры
Композиция противопоставляется наследованию и часто считается более предпочтительным подходом в современной фронтенд-разработке.