如何评价 React 实现的前端 UI 库 material-ui？

作者：知乎用户
链接：https://www.zhihu.com/question/51040975/answer/208582603
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

有关 Material Design 的 UI 库我用过一些，在用 Material-UI 之前用的是 Google 官方的 Material Design Lite，这是一个纯前端库，非 React 库。

在我用过的库里 Material-UI 还是不错的，可以满足简单需求。其定位是 Material Design 标准组件的实现（而不是 Material Design 的实现），所以如果你需要一些更个性化的组件或交互，就要自己想办法「组合」或者自造了。

这个问题在移动端不突出，但对 web 端来说有点明显。毕竟 Material Design 首先是一套视觉设计规范。真正要用好 Material Design，不能简单套用组件样式，而是要学习其「Design」。

这个问题我觉得目前还是挺普遍的，多少号称 Material Design 的网站基本就是摆一个导航栏，右下角一个 FAB，主界面摊一堆卡片了事。即使说不上丑，也只能评价为「简陋」。反观 Google 就有很多运用 Material Design 做得非常漂亮的网站，每次看的时候都会想，「啊，原来还可以这样」。

所以我现在基本是在一些生存期不长，样式基础，交互简单的独立页面上用 Material-UI。更正式一些的产品还是需要好好做设计的——好好做 Material Design 的设计。

如果目标是拿一套现成库来做出东西，不在设计上投入，那你最好先仔细评估一下 Material-UI 提供的组件是否能满足你的需要，如果是，那么请放心大胆地用。如果答案不是确定的，建议还是去看看 Bootstrap 或 Semantic UI 或 Ant Design（后台系统推荐）。

从实现 Material Design 标准组件这个角度来说，Material-UI 毫无疑问是成熟可靠的（不过也有一些瑕疵，比如其 GridList 的实现就很有问题）。但请把 Material Design 的标准组件看作 Microsoft Word 中的五号宋体——只能作为起点。目前几乎所有的 Material 库，都是这个定位。