From 6160ad973d6c04b2282b682586c884ec417633a1 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Fri, 12 Aug 2022 20:06:12 +0400
Subject: [PATCH] Add high order components docs

---
 .../104-high-order-components.md                         | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/content/roadmaps/103-react/content/101-react-advanced-topics/104-high-order-components.md b/content/roadmaps/103-react/content/101-react-advanced-topics/104-high-order-components.md
index 8ad6cf4bb..64c084307 100644
--- a/content/roadmaps/103-react/content/101-react-advanced-topics/104-high-order-components.md
+++ b/content/roadmaps/103-react/content/101-react-advanced-topics/104-high-order-components.md
@@ -1 +1,8 @@
-# High order components
\ No newline at end of file
+# 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.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://reactjs.org/docs/higher-order-components.html'>High-Order Components</BadgeLink>