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

[@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! 😉

[@kamrant8915]

Interesting idea for large project. Thanks a lot

[@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 :)

[@DreamStreet2012]

This is such a juicy content

[@HochiHuynh]

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

[@adeel3797]

Thank you for this video. Subbed.

[@SoftwareDeveloperDiaries]

Thanks, appreciate the sub!

[@elpeeda42]

Is react render props still relevant?

[@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: kzbin.info/www/bejne/bZ_QYqOPqrB0nrs

[@bangunny]

me personally would move ui folder from services to components folder

[@TiagoDark]

github repo?

[@bm.saranyaarun]

Make a video for Gitlab Merge conflicts.

[@aburaihan-py4vi]

Excellent!

[@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.

[@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 :)

[@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 :)

[@zizzxiii2714]

in my project I use FSD

[@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