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
On this page of the site you can watch the video online React app structure (React folder structure, React Folder Best Structures) with a duration of hours minute second in good quality, which was uploaded by the user Веб-разработка - DevMagazine 05 September 2020, share the link with friends and acquaintances, this video has already been watched 5,115 times on youtube and it was liked by 92 viewers. Enjoy your viewing!
