Higher Order Component is an advanced way of reusing the component logic.
Basically, it’s a pattern that is derived from React’s compositional nature.
HOC are custom components which wrap another component within it.
They can accept any dynamically provided child component but they won’t modify or copy any behavior from their input components. You can say that HOC are ‘pure’ components.


What can you do with HOC?
Code reuse, logic and bootstrap abstraction
Render High jacking
State abstraction and manipulation
Props manipulation