React Folder structures

March 15, 2021

https://maxrozen.com/guidelines-improve-react-app-folder-structure

https://www.robinwieruch.de/react-folder-structure?utm_campaign=Robin%20Wieruch%20-%20A%20Developer%27s%20Newsletter&utm_medium=email&utm_source=Revue%20newsletter

The infamous question everyone who starts out with React has, “How do I structure the app?“.

For better or for worse, React has zero opinions about the folder structure of your app.

The advice from Dan Abramov himself is : “Move things around till you feel right”.

While that is a good advice, but it leaves developers punching the air in the dark trying to figure out how to move things around.

Here are the 2 basic folder structures that can be followed:

Technical folder structure

Feature folder structure

Hybrid


Written by Gagandeep Rangi who likes to talk about himself in third person. Twitter Instagram