Приведи пример, когда высокая связность элементов мешала

Высокая связность мешает, когда изменения в одном компоненте требуют правок во множестве других. Например, если компонент UserProfile напрямую зависит от данных и логики UserAPI, UserStorage и UserActions, любое изменение в API вызовет цепную реакцию правок.

// Плохо: компонент знает о хранилище, API и действиях
function UserProfile() {
  const user = UserStorage.getCurrentUser();
  const handleUpdate = (data) => {
    UserAPI.updateProfile(user.id, data)
      .then(UserActions.refreshUser);
  };
  // ...
}

// Лучше: инверсия зависимостей через пропсы
function UserProfile({ user, onUpdate }) {
  // ...
}

Проблемы:

1. Сложно тестировать (нужно мокать все зависимости)
2. Невозможно переиспользовать компонент
3. Хрупкость: изменения в UserAPI сломают UserProfile

Решение: снижать связность через props, хуки или контекст.