An Interest In:
Web News this Week
- April 3, 2024
- April 2, 2024
- April 1, 2024
- March 31, 2024
- March 30, 2024
- March 29, 2024
- March 28, 2024
Best Scalable React App Architecture 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 Architecture 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 architecture 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 dont 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
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
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 be here, just folders. This way it will be clear and understandable. Similar to a
Original Link: https://dev.to/gkhan205/best-scalable-react-app-architecture-2020-9fn
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To