Using the proper folder and components structure can really improve your productivity and workflow especially if you're working on medium-large projects collaboratively with other team members, organizing the files and assets the right way can be sometimes challenging. In this video, we will go through comparing two projects, one is considered badly structured and the other considered as good-structure and we will see the real differences that a good folder structure for a React project can bring to the table and how can it help you write better, cleaner and more organized code and projects.
00:00 Introduction and what is the best folder structure
01:29 How usually Novice React projects looks like
04:23 Why does choose the right folder and components structure really matters?
05:55 Containers and Components Notion
11:27 Hooks and HOC
13:05 Why assets folder?
14:50 Separate each component on it's own
17:10 Choosing the right name for your components
21:44 Default Exports vs Named Exports
24:48 What are Services and why they are important
28:07 Use CSS in JS instead of CSS Modules
31:01 Organize your test files the right way
