Material Dashboard React

Free Material-UI Admin Template
· 4.90/5 (227 Reviews)

MIT License

39,033 Downloads
147 Comments
Community Support
6 months Updates
Release: 10 months ago
Update: 2 months ago

30 Handcrafted Components

2 Customized Plugins

7 Example Pages

Product certified by: Creative Tim

Upgrade to PRO Version

Get more power with Material Dashboard Pro React. It has a lot more features compared to the free version. We hope you will create awesome websites/templates with this product!

What is in Demo?
  • Components · 30
  • Plugins · 2
  • Examples Pages · 7
  • -
  • -
  • -
  • -
What is in PRO Version?
  • Components · 200
  • Plugins · 10
  • Example Pages · 28
  • + Documentation
  • + SASS Files
  • + Photoshop Files
  • + Sketch Files
Upgrade to PRO

We are here to help you!

147 Web Developers commented on this product

Report issue

professionallaney
  • downloaded
5 days ago

Hey @einazare, Did you get a chance to finish that redux walkthrough you mentioned above? I would love to take a look. Thanks, Ben

einazare
  • owner

Hello there @professionallaney . It just got accepted in the freecodecamp medium. Here is the link to it: https://medium.freecodecamp.org/how-to-use-redux-in-reactjs-with-real-life-examples-687ab4441b85 . Best, Manu.
1 day ago

professionallaney
  • downloaded
5 days ago

Hey @einazare, Did you get a chance to finish that redux walkthrough you mentioned above? I would love to take a look. Thanks, Ben

alanooper
  • downloaded
5 days ago

I files an issue as requested: https://github.com/creativetimofficial/material-dashboard-react/issues/76

einazare
  • owner

Hello there @alanooper . I just realised that you have an issue with the PRO version of this product and not the free one. Please, stop commenting on the free product. It is very hard for me to understand what your issue is, if you comment on the free product, but you have an issue with the PRO one, it confuses me and it takes a lot of my time. Please, next time, be sure to comment on the right product, and open a Github issue as well, on the right repo. Best, Manu.
1 day ago

alanooper
  • downloaded
5 days ago

New question material-dashboard-pro 1.4.0: 1. In views/Forms "Wizard.jsx" is the parent of WizardSteps/{Step1.jsx, Step2.jsx and Step3.jsx} 2. When the "Next" button is pressed, "components/Wizard/Wizard.jsx" nextButtonClick() calls Step1.jsx: sendState() which returns Step1's this.state 3. How does "view/Forms/WizardSteps/Step2.jsx" get the state from Step1.jsx / Wizard.jsx? It can't get it from the constructor's props since it was called before the "Next" button was pressed. I checked: GitHib Issues: Does not appear: https://github.com/creativetimofficial/ct-material-dashboard-pro/issues Live Docs: https://demos.creative-tim.com/material-dashboard-react/#/documentation/tutorial "Views", nor subtopic "Forms" nor subtopic "Wizard" appear in the left side navigation.

alanooper
  • downloaded

Seems to me that the logic is incorrect in Wizard.jsx nextButtonClick() this.state.allStates should have the state data from Step1.jsx after the Next button is pressed, however it is always {} I added this following code and I can see the state: let currentStepState = { [this.props.steps[this.state.currentStep].stepId]: this[ this.props.steps[this.state.currentStep].stepId ].sendState() }; alert("currentStepState:" + JSON.stringify(currentStepState)); Subsequently I think the if statements above are not quite right. Alan S. Cooper
4 days ago

alanooper
  • downloaded

I now think that the if statements are ok, It seems to me that this.setState({ allStates: [ ...this.state.allStates, { [this.props.steps[i].stepId]: this[ this.props.steps[i].stepId ].sendState() } ] }); itself is not working? Also in the constructor, shouldn't default be allStates = [] and not {}?
4 days ago

alanooper
  • downloaded
3 days ago

I found the bug in "components/Wizard/Wizard.jsx: Lines 48 and 49 are duplicated: this.previousButtonClick = this.previousButtonClick.bind(this); this.previousButtonClick = this.previousButtonClick.bind(this); Should be: this.nextButtonClick = this.nextButtonClick.bind(this); this.previousButtonClick = this.previousButtonClick.bind(this);

alanooper
  • downloaded
1 day ago

waited long enough for a response, filed an issue for this bug: https://github.com/creativetimofficial/material-dashboard-react/issues/78

einazare
  • owner

Hello there @alanooper . Sorry for the long wait, but we've updated our support privacy and policy, and the issues filed for the free products on Github, on the product page (this page that you are now on) and the issues filled on our contact form, are of low priority to us. I've also asked you to open the issues on the right product page, ticket or Github repo. I hope you can understand our situation. Best, Manu.
1 day ago

alanooper
  • downloaded
1 day ago

Hello Manu, I understand. In GitHub, you can transfer an issue from one repo to another so that the history is preserved: View the issue, then on the bottom of the right side navigation base, click "Transfer this issue" Beta. Works well in my experience. With respect to issue https://github.com/creativetimofficial/material-dashboard-react/issues/78 I solved it and am no longer blocked by this I am simply offering you the solution for your other paying customers.

einazare
  • owner

Hello again @alanooper . Thank you for your suggestion. Best, Manu.
12 hours ago

rohithore 4 hours ago

Is redux and saga implemented?

einazare
  • owner

Hello there @rohithore and thank you for your interest in working with our products. No, we do not have redux or saga implemented, to be honest, I haven't worked with saga. But we have made a Redux tutorial, you can read it here and see if it helps you: https://medium.freecodecamp.org/how-to-use-redux-in-reactjs-with-real-life-examples-687ab4441b85 . Best, Manu.
3 hours ago

You have to be logged in to post a comment. Login here.