
The last one is where we keep our source code. It also generates the folders: public and src. gitignore, package.json, README.md, yarn.lock The create-react-app generates a basic project for us, containing in its root, the files. In this post, we are considering you have a minimum structure, as the one created with create-react-app. One of the questions I often see is regarding to how structure files and folders. Remember: Nothing here is written in rocks! You can take only the approaches you think that make sense and adapt/change it to fit in your context.

These approaches doesn’t re-create the wheel, they just put together and refine what we have on the market. In this post, I’m going to show some approaches that I have been using for a while and have been scaling very well. On the other hand, this could cause some confusion for devs that are starting in React world.

This is nice, because it gives us freedom to try different approaches and adapt the ones that better fit for us. As React is just a lib, it doesn’t dictate rules about how you should organize and structure your projects.
