Что такое enhancer

Enhancer — это функция, которая расширяет или модифицирует поведение другого объекта, функции или компонента, добавляя новую логику без изменения исходного кода. Часто используется в Redux (как middleware) или при работе с Higher-Order Components (HOC) в React.

Пример с Redux:

const loggerEnhancer = (createStore) => (reducer, initialState, enhancer) => {
  const store = createStore(reducer, initialState, enhancer);
  const originalDispatch = store.dispatch;

  store.dispatch = (action) => {
    console.log('Dispatching:', action);
    return originalDispatch(action);
  };

  return store;
};

В React enhancer может выглядеть как HOC:

const withLogger = (Component) => (props) => {
  console.log('Rendered:', Component.name);
  return <Component {...props} />;
};

Ключевая идея — обернуть исходную функциональность, сохраняя её основное поведение.