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>