Interested in the question about the structure of files in React projects.

If there is a project in which there are several active pages, for example, as in social networks. My page, friend’s page, friends list, etc. Question: what is the file structure of this project?

It turns out 1 page is 1 component, and all of them are displayed in App.js? (In this case, I give an example of working with the existing project structure created by create react app)

And depending on the state of the App component, display this or that page, right?

Do I not have to create a separate React project for each individual page? All the huge service in one html file where the JSX code is imported in, if I understand everything correctly.

  • Read very carefully about the reactor and what are the components. - Excess Gophers
  • Everything is not necessary. I learned about the routing in the reactor) - Igor Yakymiv

1 answer 1

Reactor-router-4 will help in creating a SPA)) ^^ ', well, the materiel, what routing is and what components would be nice to know