High Order Components
Last updated
What is High Order Components?
A higher-order component (HOC) is an advanced technique in React for reusing component logic. HOCs are not part of the React API, per se. They are a pattern that emerges from React’s compositional nature.
Concretely, a higher-order component is a function that takes a component and returns a new component.
Higher-order components are not commonly used in modern React code. In order to reuse logic, React hooks are mainly used now.
Free resources to learn High Order Components
- ArticleHigh-Order Components
- ArticleHow to create a Higher-Order Component
- VideoLearn React Higher Order Component (HOC) in 10 Minutes
- VideoReactJS Tutorial - Higher Order Components (Part 1)
- VideoReactJS Tutorial - Higher Order Components (Part 2)
- VideoReactJS Tutorial - Higher Order Components (Part 3)
More in stage 3: Rendering
High Order Components: common questions
Can I learn High Order Components in Hindi?
This lesson is written in English. Once you sign in, open it in the interactive course and ask the AI tutor to explain High Order Components in Hindi or Hinglish. The tutor answers from this lesson’s own text, so it stays on the syllabus, and it runs on your own Google, OpenAI or Anthropic key.
Is this High Order Components tutorial for beginners?
It is lesson 15 of 79 in the free React roadmap, in stage 3, Rendering. If you are new to React, start from stage 1 and come back here in order; if you already know the earlier stages, this lesson stands on its own.