I've noticed that there is some little mess with component tree structure in the project
As you can see on above screen item.js is on root level in components directory, but the first component that you use in app.js level is ShoppingList that is in components/ShoppingList/ShoppingList.js. You should try reflect your files tree structure with component tree structure. You can move item.js to components/ShoppingList/ unless item.js is some kind of common component that will be use in other components as well. Then move item.js maybe to common/ folder.
Hakej
commented
1 year ago
I've noticed that there is some little mess with component tree structure in the project
As you can see on above screen
item.jsis on root level in components directory, but the first component that you use inapp.jslevel isShoppingListthat is incomponents/ShoppingList/ShoppingList.js. You should try reflect your files tree structure with component tree structure. You can moveitem.jstocomponents/ShoppingList/unlessitem.jsis some kind of common component that will be use in other components as well. Then moveitem.jsmaybe tocommon/folder.Another approach to structure react application is Atomic Design Pattern which you can use also if you'd like :) Here you have a reference to material about this pattern https://medium.com/@janelle.wg/atomic-design-pattern-how-to-structure-your-react-application-2bb4d9ca5f97