This project was bootstrapped with Create React App.
It boilerplate was created for new project quick setup. I try to put here all best practices from react world and my experience. You can easy manage project structure. Change styles for SCSS or styled-components
- Clone the repository
cd /to your local folder- In terminal run
yarnornpm install
- CRA + TS
- react-router-dom
- react-redux
- redux-thunk
- axios
- eslint config depends on airbnb configuration
┣ assets - icons, images ┣ components - shared and reusable components ┣ hooks - custom hooks ┃ ┗ useTypedSelector.ts ┣ layouts - page layouts ┣ pages - page views ┃ ┗ Home ┃ ┃ ┣ Home.tsx ┃ ┃ ┗ index.ts ┣ router - react-router ┃ ┗ index.tsx ┣ services - api services folder with axios instance ┃ ┗ api.ts ┣ store - redux store with basic reducer and typing setup ┃ ┣ sample ┃ ┃ ┣ sampleActions.ts ┃ ┃ ┣ sampleReducer.ts ┃ ┃ ┗ sampleTypes.ts ┃ ┗ index.ts ┣ styles - global styles folder ┃ ┣ lib - css from libraries, css reset, etc... ┃ ┗ index.css ┣ types - global types folder ┣ utils - util functions ┃ ┣ constants - any app constants ┃ ┗ data - for any json or mock data ┣ App.test.tsx ┣ App.tsx ┣ index.tsx ┣ react-app-env.d.ts ┗ setupTests.ts Feel free for create your suggestions in issues or with pull request