React folder structure for enterprise level applications

This page summarizes the projects mentioned and recommended in the original post on /r/reactjs

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • bulletproof-react

    🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.

  • If looking for more examples check out https://github.com/alan2207/bulletproof-react. This is similar to the OP’s folder structure.

  • ducks-modular-redux

    A proposal for bundling reducers, action types and actions when using Redux

  • That's an idea that has been around for awhile and was popularized by the Duck pattern for Redux.

  • 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.

    SurveyJS logo
  • redux-toolkit

    The official, opinionated, batteries-included toolset for efficient Redux development

  • 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.

  • SAAS-Starter-Kit-Pro

    Discontinued 🚀A boilerplate for building Software-as-Service (SAAS) apps with Reactjs, and Nodejs

  • 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

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts