What are higher order components?

A Higher Order Component is a function:

Component
↓
HOC
↓
Enhanced Component

Example:

const ProtectedPage =
  withAuth(Page);

Historically used for:

• auth,
• permissions,
• subscriptions,
• shared logic.

Today many of these use cases are handled with custom hooks.