In this tutorial, i will show you how to build your own components to use with React.js and Next.js in 5 minutes
Years ago when I made my first approach to the React.js environment, I came up with different concepts with different naming. One of those concepts is Higher Order Component (Or HOC), which is without doubt one of the features I like (and use) the most.
As React official documentation says:
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.
React uses HTML to build the UI of our application. With HOC, we can extend that functionality and use not only
<h1> but also customized components that we create like
<Carousel>. High Order Components also allow us to send parameters to these components, custom parameters that we will define. A basic example would be .