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
Auf dieser Seite können Sie das Online-Video React app structure (React folder structure, React Folder Best Structures) mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Веб-разработка - DevMagazine 05 September 2020 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 5,115 Mal angesehen und es wurde von 92 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
