前言：

6年的工作经验，让我接触了各种各样的框架，像react、vue、angular、jquery、threejs以及各种组件，不管是大框架还是个人开发的小组件，虽然他们有着各式各样的api，各种花里胡哨的写法，要使用它们都是有共同的方式。

最近在做兼职项目中使用到了mui，全称material UI,是google开源的UI框架，国外的UI框架使用起来和国内的有什么区别呢？

首先是文档上，mui的文档分两部分，第一部分是演示，用于查看组件的效果，把所有可能实现的功能点在几个演示demo上展示，所以mui的演示demo代码会比较复杂，第二部分就是api罗列了，需要点击到另外一个路由上查看，国内的elementUI与antd则不是从简单到复杂都会列举demo，对于新手来说会更友好。

其次，组件上的设计。像一些木偶组件其实实现起来都是差不多的，不过起名，我更喜欢antd的方式，简单易懂，最简单的button，mui要改变其样式得传variant，antd与elementUI则是type，mui与elementUI的table组件要渲染column还要一个一个添加，antd则是把组件封装好，传递一个columns即可。

最后，像有状态的组件，比如form表单，可能我还是用不习惯mui的写法，对于form表单的封装略显困难，mui的form表单要想封装还得借用三方formik来帮忙实现动态变化，引入第三方后感觉就有些不兼容了，我在使用的过程中也碰到了一些问题，也不清楚是不是自己使用方式有问题。

总结：

mui是国外的框架，可能对于国内的开发来说会有一定的学习成本，反正只要涉及到自己的开发项目，mui绝对不可能是首选