React app structure (React folder structure, React Folder Best Structures)
#React #ReactJS #react_app_structure
Follow us:
☕ 💻 Telegram: https://t.me/devmagazinechannel
☕ 💻 Twitter: / _devmagazine
☕ 💻 GitHub: https://github.com/vadimkorr
☕ 💻 Medium: / devmagazine
☕️ 🍫 🍩 Donations: https://www.donationalerts.com/r/devm...
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
Watch video React app structure (React folder structure, React Folder Best Structures) online without registration, duration hours minute second in high quality. This video was added by user Веб-разработка - DevMagazine 05 September 2020, don't forget to share it with your friends and acquaintances, it has been viewed on our site 5,05 once and liked it 9 people.