File Structure

Almost every source file of the template contains the necessary minimum comments to the code. Please be sure to read them to understand the work of this code.

airui-admin-template-react/
├─ build/ .. build app files after "yarn build"
├─ node_modules/ .. node.js modules installed after "yarn install"
├─ public/ .. public folder with external assets (favicon,images,fonts,etc)
├─ src/ .. app source files
│ ├─ assets/ .. app styles & third-party libraries styles
│ ├─ components/ .. reusable components
│ │ ├─ layout .. layout components (topbar, menu, etc)
│ │ ├─ system .. system pages components (login, 404, etc)
│ │ └─ widgets .. widgets components
│ ├─ layouts/ .. layouts folder
│ ├─ pages/ .. pages (routes) folder
│ │ └─ **/* .. app pages
│ ├─ redux/ .. redux store files
│ ├─ global.scss .. globally loading styles (used for importing styles from /src/assets/)
│ ├─ index.js .. init app file
│ ├─ router.js .. router component
│ ├─ serviceWorker.js .. default cra service worker
│ └─ theme.js .. ant design variables
├─ * .. system files
├─ config-overrides.js .. customizint cra config with customize-cra
├─ package.json .. dependencies config
└─ README.md .. readme file