What are the differences between HOC and Hooks in React?

What are the differences between HOC and Hooks in React?

Higher-Order Components (HOCs) are functions that take a component and return a new component, while Hooks are functions that let you use state and other React features in functional components.

Can you give me an example of a HOC?

Sure! A common example of a HOC is the withRouter from React Router, which provides routing props to a component.

And how would you use a Hook instead?

You can use the useHistory Hook in a functional component to access the history object directly without needing a HOC.

Which one is better to use?

It depends on your use case. Hooks are generally preferred for new code due to their simplicity and ease of use, while HOCs can still be useful in certain scenarios.