React architecture is to provide the quick way scaffolding React application and State management in Redux. It's supported the most effective way of Organizing Folders Structure for scalable project.

Folders Structure

Name	Purpose
📁 constants	Used for static data that doesn't change
📁 environments	Used for API endpoints, static info that might change in different environments
📁 models	Used for shared models/interfaces
📁 selectors	Used for bussiness logic code, models/interfaces generated for views
📁 stores	Store data management ✅ models : API related models ✅ actions : Events to trigger application changes ✅ sagas : Create saga effect actions ✅ epics : Create epics effect actions ✅ effects : Handles APIs and sanitizes response data ✅ reducers : Adds/removes/edits data from the global store
📁 utilities	Used for helper code, abstract code to prevent duplication
📁 views	Used for all view components, pages

Check out source code in different branch

• React-Redux Javascript
• React-Redux Typescript
• React-Redux-Saga Javascript
• React-Redux-Saga Typescript
• React-Redux-Observable Javascript
• React-Redux-Observable Typescript

This project was bootstrapped with Create React App.