Material-UI

What do you like best?

Material UI is built with React use at its core components are prebuilt for your use with you only needing to provide the props they will use. This can take a headache out of development process and keep your JSX clean.

Example components below that would take time to otherwise develop are below and show the power of the UI framework.

- Sliders

- Drop downs

- Navigations

This is huge for a developer as many of these components can eat a lot of time to develop properly to be in like with current accessibility standards which Material UI has already taken into account.

What do you dislike?

For all material UI's advantages I find its approach to handling CSS a bit cumbersome to apply and target correctly. This is due to its own system for applying to components which while necessary is not initially intuitive to apply.

Also the documentation site while as a whole good can sometimes be unclear about how to apply certain aspects of the framework. Example case being when you are trying to combine components together and unusual behavior is encountered.

Recommendations to others considering the product:

React Material UI is built specifically with React in mind and will be a easier to implement solution in comparison to other options such as bootstrap while using React.

What problems are you solving with the product? What benefits have you realized?

Working with a team one of the nicest benefits that Material UI has is a theme file that acts as a source of truth. With this you can as a team make more consistent designs with use of Material UI's components across an application.

The learning curve of teaching someone how to use a component you may have modified is a good deal easier to explain as it still uses Material UI as a base then making something yourself and teaching someone how it works.