Что такое Higher-Order Components (HOC) в React?

Базовая идея

Higher-Order Component (HOC) — это функция, которая принимает компонент и возвращает новый компонент с дополнительной логикой или пропсами. Паттерн композиции, популярный до широкого распространения хуков.

function withAuth(Wrapped) {
  return function AuthGate(props) {
    if (!props.user) return <LoginHint />;
    return <Wrapped {...props} />;
  };
}

const PrivateProfile = withAuth(Profile);

Зачем использовали

• переиспользование логики (авторизация, аналитика, подписка на данные);
• инъекция пропсов без копипаста.

Минусы и современный взгляд

• «ад обёрток» (withA(withB(withC(Comp)))), сложнее отлаживать;
• коллизии имён пропсов;
• ломается static/ref без forwardRef и копирования statics;
• с хуками ту же логику чаще выносят в custom hooks (useAuth), что проще читать.

На собеседовании достаточно: определение, пример, отличие от обычного родителя-обёртки (HOC — фабрика компонентов) и что сегодня чаще предпочитают хуки, хотя HOC ещё встречается в старых кодовых базах и библиотеках.

Итог: HOC — функция Component → Component для переиспользования поведения; знать нужно, но писать новые лучше через хуки, если нет жёстких ограничений.