--- title: "#higher-order-components articles | Hashnode" description: "Explore 16 articles tagged #higher-order-components on Hashnode. Tutorials, guides, and how-tos from the community." url: "https://hashnode.com/tag/higher-order-components" --- Tag # #higher-order-components 16 posts · 0 followers [Shailaja Tripathi](https://hashnode.com/@shailajatripathi) · [Mar 17](https://hashnode.com/posts/react-mastery-series-day-26/69b8fd5636196e584cdf92e1) ### [📘 React Mastery Series — Day 26](https://react-mastery-series.hashnode.dev/react-mastery-series-day-26?utm_source=hashnode&utm_medium=feed) Higher Order Components (HOC) — Simplified & Practical Guide By now, you’ve learned: Custom Hooks Context API Performance optimization Today we learn another important pattern: 👉 Higher Order Co 3 min read · [react-mastery-series.hashnode.dev](https://react-mastery-series.hashnode.dev/react-mastery-series-day-26?utm_source=hashnode&utm_medium=feed) [Md Maruf Rayhan](https://hashnode.com/@marufrayhan) · [Sep 19, 2025](https://hashnode.com/posts/higher-order-components-hocs-in-react-a-quick-guide/68cdcd8f3d381123db75bdfd) ### [Higher Order Components (HOCs) in React: A Quick Guide](https://marufrayhan.hashnode.dev/higher-order-components-hocs-in-react-a-quick-guide?utm_source=hashnode&utm_medium=feed) What is an HOC? A Higher Order Component is a function that takes a component and returns a new enhanced component. Think of it as a wrapper that adds extra features to your existing components. const withSomething = (Component) => { return (props)... 3 min read · [marufrayhan.hashnode.dev](https://marufrayhan.hashnode.dev/higher-order-components-hocs-in-react-a-quick-guide?utm_source=hashnode&utm_medium=feed) [Payal Porwal](https://hashnode.com/@PayalPorwal) · [Jun 28, 2025](https://hashnode.com/posts/advanced-javascript-function-concepts-anonymous-functions-iife-higher-order-functions/685fe3b82b651aa80f29525d) ### [🧠 Advanced JavaScript Function Concepts: Anonymous Functions, IIFE, Higher-Order Functions](https://codeswithpayal.hashnode.dev/advanced-javascript-function-concepts-anonymous-functions-iife-higher-order-functions?utm_source=hashnode&utm_medium=feed) Learn anonymous functions, IIFE, and higher-order functions in JavaScript for cleaner, modular, and performant web development and React code 6 min read · [codeswithpayal.hashnode.dev](https://codeswithpayal.hashnode.dev/advanced-javascript-function-concepts-anonymous-functions-iife-higher-order-functions?utm_source=hashnode&utm_medium=feed) [Md. Monirul Islam](https://hashnode.com/@monirshimul) · [May 2, 2025](https://hashnode.com/posts/mastering-prop-injection-composition-and-advanced-patterns/68150bfea2da872d5f6dda81) ### [Mastering prop injection, composition, and advanced patterns.](https://monirshimul.hashnode.dev/mastering-prop-injection-composition-and-advanced-patterns?utm_source=hashnode&utm_medium=feed) A developer's guide to scalable and elegant React architectures. 5 min read · [monirshimul.hashnode.dev](https://monirshimul.hashnode.dev/mastering-prop-injection-composition-and-advanced-patterns?utm_source=hashnode&utm_medium=feed) [Aniruddha Lal Verma](https://hashnode.com/@aniruddha-verma) · [Feb 28, 2025](https://hashnode.com/posts/what-are-higher-order-components-in-reactjs/67c1bc30874fae86736fef54) ### [What are Higher Order Components in ReactJS?](https://techbeacon.hashnode.dev/what-are-higher-order-components-in-reactjs?utm_source=hashnode&utm_medium=feed) 💭Imagine This: Think of a Higher-Order Component (HOC) like a wrapper around another component, just like a tree that grows another tree inside it and then gives back that tree!So Higher-Order Component is a function that takes a component, adds som... 3 min read · [techbeacon.hashnode.dev](https://techbeacon.hashnode.dev/what-are-higher-order-components-in-reactjs?utm_source=hashnode&utm_medium=feed) [Akash Jayan](https://hashnode.com/@AkashJayan) · [Dec 4, 2024](https://hashnode.com/posts/understanding-the-higher-order-component-hoc-design-pattern-in-react/67505c9bd3722a289ec0407d) ### [Understanding the Higher-Order Component (HOC) Design Pattern in React](https://akashjayandev.hashnode.dev/understanding-the-higher-order-component-hoc-design-pattern-in-react?utm_source=hashnode&utm_medium=feed) Learn how Higher-Order Components (HOCs) enhance code reusability and separation of concerns in React applications with a practical example 3 min read · [akashjayandev.hashnode.dev](https://akashjayandev.hashnode.dev/understanding-the-higher-order-component-hoc-design-pattern-in-react?utm_source=hashnode&utm_medium=feed) [Yusuf Uysal](https://hashnode.com/@yusufuysal) · [Oct 14, 2024](https://hashnode.com/posts/react-interview-questions-part-8-higher-order-components-hocs-render-props/670d6130590f9d14a50d8ccd) ### [React Interview Questions (Part 8): Higher-Order Components (HOCs) & Render Props](https://yusufuysal.hashnode.dev/react-interview-questions-part-8-higher-order-components-hocs-render-props?utm_source=hashnode&utm_medium=feed) Explore React's higher-order components and render props, their use cases, limitations, and why hooks are preferred for modern React development 4 min read · [yusufuysal.hashnode.dev](https://yusufuysal.hashnode.dev/react-interview-questions-part-8-higher-order-components-hocs-render-props?utm_source=hashnode&utm_medium=feed) [Ayush Kumar](https://hashnode.com/@krayush1109) · [Sep 22, 2024](https://hashnode.com/posts/higher-order-component-hoc-promoted-tag/66f03021e88beefc347c9e00) ### [Higher Order Component (HOC) - promoted tag](https://namaste-react.hashnode.dev/higher-order-component-hoc-promoted-tag?utm_source=hashnode&utm_medium=feed) 🚀 Higher Order Components input is component and output is (modified) component // FileName: 📂Restaurant Card const RestaurantCard = ({ data }) => { .... .... } export const withPromotedLabel = (RestaurantCard) => { return (props) => { ... 1 min read · [namaste-react.hashnode.dev](https://namaste-react.hashnode.dev/higher-order-component-hoc-promoted-tag?utm_source=hashnode&utm_medium=feed) [Jagadish K.](https://hashnode.com/@jagadishk) · [Jun 7, 2024](https://hashnode.com/posts/higher-order-components-in-react/66627fbb9a33be115205610d) ### [Higher Order Components in React](https://blog.jagadishk.dev/higher-order-components-in-react?utm_source=hashnode&utm_medium=feed) A brief discussion on how to build flexible components using Higher Order Components 6 min read · [blog.jagadishk.dev](https://blog.jagadishk.dev/higher-order-components-in-react?utm_source=hashnode&utm_medium=feed) [Piyush](https://hashnode.com/@piyusss11) · [May 26, 2024](https://hashnode.com/posts/day-15-react-with-me/6653a2d63a7d7a83edf83013) ### [Day-15 React with Me](https://piyusss.hashnode.dev/day-15-react-with-me?utm_source=hashnode&utm_medium=feed) Higher Order Component(HOC) A higher-order component (HOC) in React is a pattern for reusing component logic. An HOC is a function that takes a component and returns a new component with additional props or behavior. It’s a way to compose components ... 2 min read · [piyusss.hashnode.dev](https://piyusss.hashnode.dev/day-15-react-with-me?utm_source=hashnode&utm_medium=feed)