Folder Structure

Simple intuitive folder structure helps you to navigate easily without any hassle.

Under the datta-able-react-hook-reactstrap-js/ directory, You will find the following folder structure.

datta-able-react-hook-reactstrap-js/full-version
..
├── public
├── src
│   ├── assets
│   │   ├── images
│   │   ├── scss
│   ├── components         -> Common components used across a theme
│   ├── config             
|   ├── constant.js    -> different theme config
│   ├── contexts           -> State context for Login management and config
│   ├── data               -> Static data
│   ├── hooks              -> Custom hooks
│   ├── layout
│   │   ├── AdminLayout    -> Layout for dashboard
│   │   │    ├── Configuration  -> live customization
│   ├── services           -> mock APIs
│   ├── store              -> Redux actions, reducers
│   │   ├── reducers.js  
│   ├── utils              -> axios and mock service
│   ├── views              -> View files for all pages
│   ├── App.js
│   ├── index.js
│   ├── index.scss
│   ├── menu-items.js      -> menu items
│   ├── routes.js          -> different routes based on layouts
│   ├── sections           -> This contains different sections used only for pages
├── .env
├── eslint.rc
├── .prettiertc
├── jsconfig.json
├── package-lock.json      -> Package lock file.
├── package.json           -> Package json file.
├── README.md
├── yarn.lock              -> yarn lock file.

Last updated