React Quick Starter is minimal setup to quick start any React based project, it has well designed directory structure, webpack configuration, HTTP request setup, Redux based state management.
Following are the functionalities and modules are used.
- Redux, Redux-thunk
- Authentication using JWT token,
- React-Router(restricted routes)
- Error Boundaries with fallback component
- Lazy Loading on routes
- Webpack5 and Babel configured with loaders and path alias
- axios configuration with headers.
- Multiple environment friendly, separate env files.
- EsLint & Prettier setup for code quality (AirBnB standards)
- Scalable directory structure
- SignIn/SignUp using email and password
- User listing with card based design
- Third party API integration
- Proper data fetching and error messages
- Drag and drop images (requires your Dropbox account be linked)
- SignOut
- Clean UI
📦src ┣ 📂assets ┃ ┣ 📂font ┃ ┗ 📂images ┣ 📂components ┃ ┣ 📜SignInForm.js ┃ ┗ 📜SignUpForm.js ┣ 📂helpers ┃ ┗ 📜axios.js ┣ 📂pages ┃ ┣ 📜SignIn.js ┃ ┗ 📜SignUp.js ┣ 📂store ┃ ┣ 📂actions ┃ ┃ ┣ 📜authActions.js ┃ ┃ ┣ 📜index.js ┃ ┣ 📂reducers ┃ ┃ ┣ 📜index.js ┃ ┃ ┣ 📜signInReducer.js ┃ ┃ ┗ 📜signUpReducer.js ┃ ┣ 📜constants.js ┃ ┗ 📜index.js ┣ 📜App.css ┣ 📜App.js ┣ 📜App.test.js ┣ 📜index.html ┗ 📜index.js
React Quick Starter uses a number of open source packages :
- React - React version 17.0.2
- Redux - Redux version 4.1.0 for state management.
- React-router-dom - Version 5.2.0 to navigate
- Axios - Axios version 0.21.1 for http request.
- Bootstrap - Bootstrap version 5 for to create UI.
- Webpack - Webpack version 5.38.1
And of React Quick Starter is open source with a public repository on GitHub.
Install the dependencies and devDependencies and start the server.
cd react-redux-quickstarter
npm install
For development environments...
npm run start
For Production environments - it will generate a build on build
directory
npm run prod
Want to contribute? Great! You can email me on ayaz.khorajia@gmail.com
MIT
Free Software, Hell Yeah!