Berry React
v2.0.0
v3.2.0v3.0.0v3.1.2v2.0.0v1.2.0v1.1.0v3.3.0v3.6.0v3.7.0v3.8.0v3.9.1
v2.0.0
v3.2.0v3.0.0v3.1.2v2.0.0v1.2.0v1.1.0v3.3.0v3.6.0v3.7.0v3.8.0v3.9.1
  • Documentation
  • Pre-requisites
  • Quick Start
  • Folder Structure
  • State Management
  • Internationalization
  • Authentication
  • Axios API Calls
  • Routing
  • Project Configuration
  • Color Presets
  • Theme/Style Configuration
  • Integration
  • Resources
  • RoadMap
  • Support
  • Changelog
Powered by GitBook
On this page

Was this helpful?

Last updated 3 years ago

If you prefer reading docs, continue reading below instead watching video.

Under berry-material-react/ directory, You will find following folder structure.

Folder Structure

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

berry-material-react
..
├── package.json           -> Package json file.
├── public
├── README.md
├── src
│   ├── _mockApis          -> Mock Json data to be used for working apps
│   ├── assets
│   │   └── images
│   │   └── scss           -> Template SCSS files
│   │       ├── style.scss -> Application main file
│   │       └── _themes-vars.module.scss
│   ├── contexts           -> State context for Login management
│   ├── hooks              -> Custom hooks
│   ├── layout
│   │   ├── DocsLayout     -> Layout for docs components & routers
│   │   ├── MainLayout     -> Layout for main components & routers
│   │   ├── MinimalLayout  -> Layout for mimimal components & routers
│   │   ├── NavigationScroll.js
│   │   └── NavMotion.js
│   ├── menu-items.js      -> menu data
│   ├── routes             -> different route based on layouts
│   ├── store              -> Redux actions, reducers
│   ├── themes             -> Contains application style and theme
│   ├── types              -> common types for Typescript. Exist only in Typescript
│   ├── ui-component       -> Template custom components
│   ├── utils
│   │   ├── locales        -> different locale json files
│   │   ├── route-guard    -> Auth guard to prevent unexpected navigations
│   └── views              -> View files for all pages
├── App.js                 -> starting point of application
├── config.js              -> Template constant value and live customization  
├── index.js               -> Application root js file
Folder Structure