Search code examples
reactjsmaterial-uinext.jsnpm-package

Difference between Material-Ui and Material-Ui-Next


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?


Solution

  • 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.