Our great sponsors
-
bulletproof-react
🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
SAAS-Starter-Kit-Pro
Discontinued 🚀A boilerplate for building Software-as-Service (SAAS) apps with Reactjs, and Nodejs
If looking for more examples check out https://github.com/alan2207/bulletproof-react. This is similar to the OP’s folder structure.
That's an idea that has been around for awhile and was popularized by the Duck pattern for Redux.
The only recommendation I would give you is to use Redux Toolkit and follow their style guide in which they recommend against centralizing your store in a single redux folder. Instead you have a "slice" that is colocated with each feature. And if you're using Redux Toolkit Query for server state - you wont have the need for many slices. I highly recommend RTK Query.
This is cool, I built a large app based on this file structure as well. I guess great minds think a like lol https://github.com/Saas-Starter-Kit/SAAS-Starter-Kit-Pro
Related posts
- Can anyone point to example(s) of well architected, mid-size, react apps that consume backend API's?
- Are there any open source projects made by senior react developers for practice?
- Coding Snippets Dev Log (9/27/23)
- Best File Structure
- Beware of teammates who refactor code based on personal taste without proper documentation or completeness. Sounds familiar.