How to take out the logic from layout?

Question

JavaScript

I have a React project where I use hooks, so the components are functions, not classes.
How can you take logic out of layout?
Earlier, when I used class components, I did it with the help of HOC.

Answer 1

Write custom hooks, organize logic in them. You have useSelector and useDispatch in redux.
Hooks allow you to do exactly the same thing that hoks allow you to do, but more compactly and without generating unnecessary wrapper components.