Menu
I am trying to add Material-Ui React components in my project and I'm confused with these 2 websites / libraries.
Material-Ui-Next -> https://material-ui-next.com/
Material-Ui -> http://www.material-ui.com
Both websites have a link to Github - https://github.com/mui-org/material-ui
Are they same or different? Both of them are using import {something} from 'material-ui/xxx' to import the components.
I'm confused and which one I should learn/use in my project. Can you suggest?
510
Material UI is a great UI library for a frontend developer. with the easy ways to add material UI in nextjs. The material UI is an excellent library for frontend developers. You can add material UI in nextjs with three easy steps.
@material-ui provides components that follow Google's Material Design system. @mui provides components that are "unstyled", These can be used to implement a custom design system that is not based on Material Design.
To check how to use MUI in the Next. js project, we need to install MUI and Emotion . Emotion is a CSS-in-JS library. MUI is developed on Emotion , so we need to install them together.
Material-UI Next is in pre-release, so you can expect possible breaking changes with each new release. But it is simply version 2 of Material-UI, it has quite a bit of improvements over the previous version.
For example, you can compare the Drawer api of Material-UI and Material-UI Next.
I'd recommend reading the Roadmap, they explain why they decided to start from the ground up with Material-UI Next. Mainly,
Material-UI was started 3 years ago. The ecosystem has evolved a lot since then, we have also learned a lot. @nathanmarks started an ambitious task, rebuilding Material-UI from the ground-up taking advantage of this knowledge to address long-standing issues.
Material-UI Next is what will continue to be developed moving forward, so I'd personally go with that.
158
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
