React Architecture: Small vs. Mid vs. Large App Folder Structure

React Architecture: Small vs. Mid vs. Large App Folder Structure

Software Developer Diaries

1 год назад

28,132 Просмотров

Best practices of a clean and scalable React component architecture are different depending on project sizes such as large or small React app architectures. Folder structure of the React app with its components, Redux, React Context and etc. adds up to an advanced React architecture that may be hard to get. I'll try to explain the React architecture the best way I can even though every approach is subjective.

======⚡⚡⚡======
Consider supporting the channel by clicking the "Thanks" button ❤️

👉 Get a 20% discount on Brilliant.org (to learn Science, Technology, Engineering, and Math): https://brilliant.sjv.io/kjVO2z
======⚡⚡⚡======

🙌 Become my Patreon and get exclusive perks: https://patreon.com/softdevdiaries
💼 Follow me on LinkedIn and drop me a message if you'd like: https://linkedin.com/in/gusgadirov
💻 Also, let's connect on GitHub: https://github.com/gusgad

🕒 Timestamps:
(0:00) React architecture overview
(0:36) Small-size React apps
(2:50) Mid-size React apps
(6:13) Large-size React apps

And don't forget to subscribe for more videos like this 😊

Тэги:

#software_development #software_developer #programming #software_engineering #javascript #web_development #coding #react #react_js #react_js_tutorial #react_a #react_architecture #react_architecture_best_practices #react_folder_structure #lodash_react #react_development #aws_react #provider_react #react_hooks #react_development_services #best_react #react_router #createreactapp #react_navigation #styled_components #react_redux #react_context #scalable_react_architecture
Ссылки и html тэги не поддерживаются


Комментарии:

@TiagoDark
@TiagoDark - 06.02.2024 16:45

github repo?

Ответить
@den9943
@den9943 - 31.01.2024 20:35

In my opinion, Atomic design is one of the best component strategies ever.

Ответить
@viktorberczeli3009
@viktorberczeli3009 - 06.11.2023 10:46

I might be not alone who struggles with this as a beginner. Big help this is. Thank you!

Ответить
@HochiHuynh
@HochiHuynh - 23.10.2023 07:16

Thank for your tutorial. Please make this video with react query

Ответить
@MaximBotezatu
@MaximBotezatu - 21.09.2023 16:08

folder tree can not define app architecture, what a lol

Ответить
@nishantsethi6625
@nishantsethi6625 - 31.08.2023 06:16

Its very good. Can u make a video of faster loading site tips such as api is taking some to load or heavy content in the site? It can be included which library can be handled later on

Ответить
@umakantabehera1701
@umakantabehera1701 - 24.08.2023 17:52

can you share the github link for that all types of project structure?

Ответить
@bangunny
@bangunny - 30.07.2023 11:17

me personally would move ui folder from services to components folder

Ответить
@DreamStreet2012
@DreamStreet2012 - 24.07.2023 23:52

This is such a juicy content

Ответить
@user-vc4zc8nt5e
@user-vc4zc8nt5e - 29.06.2023 15:58

Make a video for Gitlab Merge conflicts.

Ответить
@rutikwankhade337
@rutikwankhade337 - 28.02.2023 19:09

This is the kind of stuff i am subbed for. Please do more advance react stuff like performance and optimization

Ответить
@aburaihan-py4vi
@aburaihan-py4vi - 18.02.2023 14:33

Excellent!

Ответить
@RS-ReyanbiteGaming.C
@RS-ReyanbiteGaming.C - 13.02.2023 00:33

Folder structure & architecture of application both are same things?

Ответить
@vincenguyendev
@vincenguyendev - 08.01.2023 16:08

My team uses mono-repo for large front-end application

Ответить
@khoroshoigra8388
@khoroshoigra8388 - 03.11.2022 13:37

sir can you make a vid for Atomic Structure for React ?

Ответить
@adeel3797
@adeel3797 - 21.10.2022 13:46

Thank you for this video. Subbed.

Ответить
@asdasddas100
@asdasddas100 - 18.10.2022 19:28

I needed this badly. Thank you for the insight

Ответить