ReactJS 2018 with Webpack 4, Babel 7 and Material Design
Table of Contents
- See part 1 code
- See part 2 code
- See part 3 code
- See part 4 code
- Quick Start
- Documentation
- File Structure
- Browser Support
- Reporting Issues
- Technical Support or Questions
- Licensing
- Useful Links
Quick start
Quick start options:
git clone https://github.com/creativetimofficial/react-webpack-babel-md-tutorial.git
And
cd Part\ 2 && npm install && npm start
Or
cd Part\ 3 && npm install && npm start
Or
cd Part\ 4 && npm install && npm start
Documentation
The documentation for the Material Dashboard React is hosted at our website.
File Structure
Within the download you'll find the following directories and files:
react-webpack-babel-md-tutorial
├── ISSUE_TEMPLATE.md
├── LICENSE.md
├── README.md
├── Part\ 1
│ ├── package.json
│ └── src
│ ├── index.html
│ └── index.js
├── Part\ 2
│ ├── package.json
│ ├── webpack.config.js
│ └── src
│ ├── index.html
│ └── index.js
├── Part\ 3
│ ├── package.json
│ ├── .babelrc
│ ├── webpack.config.js
│ └── src
│ │ ├── index.html
│ │ ├── index.js
│ │ └── index.scss
└── Part\ 4
├── package.json
├── .babelrc
├── webpack.config.js
└── src
├── index.html
├── index.js
├── index.scss
├── assets
│ ├── css
│ ├── github
│ ├── img
│ └── jss
│ ├── material-dashboard-react
│ │ ├── components
│ │ ├── layouts
│ │ └── views
│ └── material-dashboard-react.jsx
├── components
│ ├── Card
│ │ ├── Card.jsx
│ │ ├── CardAvatar.jsx
│ │ ├── CardBody.jsx
│ │ ├── CardFooter.jsx
│ │ ├── CardHeader.jsx
│ │ └── CardIcon.jsx
│ ├── CustomButtons
│ │ └── Button.jsx
│ ├── CustomInput
│ │ └── CustomInput.jsx
│ ├── CustomTabs
│ │ └── CustomTabs.jsx
│ ├── Footer
│ │ └── Footer.jsx
│ ├── Grid
│ │ ├── GridContainer.jsx
│ │ └── GridItem.jsx
│ ├── Header
│ │ ├── Header.jsx
│ │ └── HeaderLinks.jsx
│ ├── Sidebar
│ │ └── Sidebar.jsx
│ ├── Snackbar
│ │ ├── Snackbar.jsx
│ │ └── SnackbarContent.jsx
│ ├── Table
│ │ └── Table.jsx
│ ├── Tasks
│ │ └── Tasks.jsx
│ └── Typography
│ ├── Danger.jsx
│ ├── Info.jsx
│ ├── Muted.jsx
│ ├── Primary.jsx
│ ├── Quote.jsx
│ ├── Success.jsx
│ └── Warning.jsx
├── layouts
│ └── Dashboard
│ └── Dashboard.jsx
├── logo.svg
├── routes
│ ├── dashboard.jsx
│ └── index.jsx
├── variables
│ ├── charts.jsx
│ └── general.jsx
└── views
├── Dashboard
│ └── Dashboard.jsx
├── Icons
│ └── Icons.jsx
├── Maps
│ └── Maps.jsx
├── Notifications
│ └── Notifications.jsx
├── TableList
│ └── TableList.jsx
├── Typography
│ └── Typography.jsx
├── UpgradeToPro
│ └── UpgradeToPro.jsx
└── UserProfile
└── UserProfile.jsx
Browser Support
At present, we officially aim to support the last two versions of the following browsers:
Reporting Issues
We use GitHub Issues as the official bug tracker for the Material Dashboard Pro. Here are some advices for our users that want to report an issue:
- Make sure that you are using the latest version of the Material Dashboard Pro. Check the CHANGELOG from your dashboard on our website.
- Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed.
- Some issues may be browser specific, so specifying in what browser you encountered the issue might help.
Licensing
- Copyright 2018 Creative Tim (https://www.creative-tim.com)
- Creative Tim license
Useful Links
-
More products from Creative Tim
-
Freebies from Creative Tim
-
Affiliate Program (earn money)
Social Media
Twitter: https://twitter.com/CreativeTim
Facebook: https://www.facebook.com/CreativeTim
Dribbble: https://dribbble.com/creativetim
Google+: https://plus.google.com/+CreativetimPage
Instagram: https://instagram.com/creativetimofficial