**Плюсы:** 1. **Переиспользование кода** – мелкие компоненты легче использовать в разных местах. 2. **Читаемость** – проще понять и поддерживать код. 3. **Тестируемость** – изолированные компоненты проще тестировать. 4. **Гибкость** – можно менять части приложения независимо. 5. **Производительность** – оптимизация через `React.memo` или `useMemo`. **Минусы:** 1. **Пропс-дриллинг** – приходится передавать данные через много уровней. 2. **Сложность архитектуры** – избыточная декомпозиция усложняет структуру. 3. **Перформанс** – лишние ререндеры из-за мелких компонентов. **Пример:** ```jsx // Плохо: большой компонент const UserProfile = ({ user }) => ( ); // Лучше: декомпозиция const Avatar = ({ src }) => ; const Bio = ({ text }) =>

{text}

; const UserProfile = ({ user }) => ( ); ```