Separation into components?

Question

React

Good evening everyone!

I want to make a table with a library of components. The library has a table component. For example, this is the Table itself which combines Head, Body, Footer.

Head stores column names, filters, sorting.
The Body stores the element mapping. The Footer stores the Question
pagination .

What is the best way to separate components inside my application? For example, a table header is stored in a separate folder, mapping is stored in another folder, and pagination is stored in a third folder. I'm just asking why. All this needs to be covered with tests + in one case, use redux with connectors and dispatchers, in others, local state

Answer 1

Well, create a folder and a Table component in the components folder and there are three components in it. Then you can use them separately if that.