Name: Best Scalable React App Structure 2020
Rating: 3.8 (3957 reviews)
Author: gkhan205

Best Scalable React App Structure 2020

Big and extensive ReactJS application should have a well planned and organized project structure.

I will show you how I built a Best Scalable Structure for ReactJS Applications. First, have a look at my directory structure then I will explain every bit I did or used in creating this architecture.

Click here to read full article

I have used this structure in 5+ projects of mine and have been continuously enhancing this to date and will continue to do so in the future. I have created a Pre-configured React Starter Kit which is like plug and play for your new projects, everything is configured so you just have to take care of the development. Check on Github and don’t forget to give STAR to the repo.

gkhan205 / cwg-react-starter

Pre-configured and Ready to use React Starter App. To save time in settings things up for new project. Almost everything needed is already configured. Just clone and start developing without wasting time in doing same stuffs for every project. (#codewithghazi)

CWG React Starter

Pre-configured and Ready to use React Starter App. To save time in settings things up for new project. Almost everything needed is already configured. Just clone and start developing without wasting time in doing same stuffs for every project. You can use it with Create React App as Template

`npx create-react-app <app-name> --template cwg-react`

Read detailed explanation here

Overview

Things included in this starter app

Folder Structure
Axios Interceptor
Redux with Redux-Thunk
Router with Private Route
Confugured for SCSS/SASS
Eslint & Prettier
Pre-commit Hook
Absolute Imports

Please follow this import style for better code readability

Folder Structure

Big and extensive React application should have well planned and organized project structure. Best way is to use a mix of strategies to achieve better results as I am going to describe next.

Top level project architecture (which is under src/ folder) should be organized by type. No files should…

View on GitHub