Какие компоненты в React нельзя реализовать без классов?

Долгое время классовые компоненты были единственным способом работать с состоянием и жизненным циклом в React. С появлением хуков в версии 16.8 ситуация изменилась: почти вся функциональность классов была перенесена в функциональные компоненты. Однако осталось одно важное исключение — Error Boundary.

Что нельзя сделать без классов

• Error Boundary — компонент, перехватывающий ошибки рендера в дочернем дереве. Реализуется только через класс с методами componentDidCatch или getDerivedStateFromError. Хуков для этого до сих пор нет.

Что раньше требовало классов, а теперь нет

• Состояние — useState, useReducer.
• Жизненный цикл — useEffect, useLayoutEffect.
• Контекст — useContext.
• Refs — useRef.
• Мемоизация — useMemo, useCallback.

Пример Error Boundary

class ErrorBoundary extends React.Component {
  state = { hasError: false };

  static getDerivedStateFromError(error) {
    return { hasError: true };
  }

  componentDidCatch(error, info) {
    console.error('Ошибка:', error, info);
  }

  render() {
    if (this.state.hasError) {
      return <h1>Что-то пошло не так</h1>;
    }
    return this.props.children;
  }
}

Такой компонент оборачивает часть дерева и предотвращает падение всего приложения при ошибке в дочерних компонентах.

Итог: классы в React сегодня нужны практически только для Error Boundary. Всё остальное предпочтительно писать на функциональных компонентах с хуками — это короче, читабельнее и лучше переиспользуется.