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

[@rutik42]

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

[@SoftwareDeveloperDiaries]

Will do! Thanks for the feedback.

[@asdasddas100]

I needed this badly. Thank you for the insight

[@SoftwareDeveloperDiaries]

Glad to hear :)

[@bevik12]

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

[@SoftwareDeveloperDiaries]

Glad you found it useful! 😉

[@bangunny]

me personally would move ui folder from services to components folder

[@kamrant8915]

Interesting idea for large project. Thanks a lot

[@zizzxiii2714]

in my project I use FSD

[@TiagoDark]

github repo?

[@DreamStreet2012]

This is such a juicy content

[@elpeeda42]

Is react render props still relevant?

[@HochiHuynh]

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

[@adeel3797]

Thank you for this video. Subbed.

[@SoftwareDeveloperDiaries]

Thanks, appreciate the sub!

[@vincenguyendev]

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

[@SoftwareDeveloperDiaries]

Cool. Are you using a specific monorepo solution like Turborepo or Nx?

[@vincenguyendev]

@@SoftwareDeveloperDiaries we use lerna :) work really well , we can break down application by different domain(components,app,router,etc)

[@SoftwareDeveloperDiaries]

@@vincenguyendev Ah nice :)

[@bm.saranyaarun]

Make a video for Gitlab Merge conflicts.

[@RS-ReyanbiteGaming.C]

Folder structure & architecture of application both are same things?

[@SoftwareDeveloperDiaries]

I would say in theory the folder structure is a part of the application architecture. Depending on different architectural choices, the folder structure would look different for every case.

[@nishantsethi6625]

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

[@SoftwareDeveloperDiaries]

I'll note it down! In the meantime I think this one could be interesting to you too: th-cam.com/video/7nm1pYuKAhY/w-d-xo.html

[@umakantabehera1701]

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

[@SoftwareDeveloperDiaries]

Unfortunately I didn't save the code for that video, but I'm trying to always push the newer ones!

[@khoroshoigra8388]

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

[@SoftwareDeveloperDiaries]

I'll put it on my list :)

[@khoroshoigra8388]

@@SoftwareDeveloperDiaries Thanks sir :)

[@aburaihan-py4vi]

Excellent!

[@m.x.]

Funny how React developers end up recognising that Angular encouraged architecture is the way to go from the very beginning. And it's not an Angular merit, but rather decades of industry experience. React always late.

[@MaximBotezatu]

folder tree can not define app architecture, what a lol