What are higher-order components (HOCs) in React?

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

Пример HOC:

function withLogger(WrappedComponent) {
  return function(props) {
    console.log('Рендер компонента', WrappedComponent.name);
    return <WrappedComponent {...props} />;
  };
}

Основные паттерны программирования в React:

• Компоненты высшего порядка (HOC) — для повторного использования логики.
• Render Props — передача функции для управления тем, что рендерится.
• Контейнеры и презентационные компоненты — разделение логики и отображения.
• Hooks — использование функций для управления состоянием и побочными эффектами.
• Композиция компонентов — построение сложных интерфейсов из простых.

Эти паттерны помогают создавать гибкие, масштабируемые и поддерживаемые приложения.