#React #ReactJS #react_app_structure
Follow us:
☕ 💻 Telegram: [ Ссылка ]
☕ 💻 Twitter: [ Ссылка ]
☕ 💻 GitHub: [ Ссылка ]
☕ 💻 Medium: [ Ссылка ]
☕️ 🍫 🍩 Donations: [ Ссылка ]
In this video we will talk about different approaches of organizing project in React:
* React app structure best practices
* How to structure React applications
* Principles: DRY, KISS, Single Responsibility
* Scalable app structure
* index.js in the file structure
* Atomic Design
* Fractal architecture (Recursive apps, Self-contained apps)
* Code splitting
* Shared components
0:00 - Intro
0:22 - About structures in general
1:09 - Two approaches of app structures
1:20 - Grouping by features (by routes)
1:35 - Grouping by file types
2:39 - Example of app structure to start
3:22 - Fractal architecture (Recursive architecture)
4:10 - What is atomic design
6:27 - index.js in file structure
7:44 - Shared components
8:21 - Layouts
8:50 - Where to put tests?
10:32 - Structure refactoring
11:16 - Where to put store?
11:53 - Store with code splitting
12:15 - Code splitting (Lazy loading)
13:07 - Good architecture principles
#devmagazine #devmagazinechannel
