React实战-一个非常棒的React与Material风格相结合的UI控件库（Material-UI）

React实战-1个非常棒的React与Material风格相结合的UI控件库（Material-UI）

ReactJs提供了JSX、UI更新机制、组件化原则等底层支持，但是正如我们在所有的程序语言基础上搭建系统框架所面临的问题1样，很大程度上语言提供的是解析、编译、运行进程的后台调度等，真正实现1个利用常常由大量的3方控件或库完成。所以当我们长时间使用1个框架后，常常堕入了框架的规则，忘记了语言的规则，在java中最明显的例子就SSH了，在项目整体架构成熟后，我们好像就在干配置的工作，不断的根据SSH的规则，保护着库内或各层间的关联。

但是如果不用框架，几近是不可能的，由于各种框架或库，是之前程序员的经验总结与积累，这也就是每一个人在设计程序框架时需要面临的经典问题：是选用轮子还是造轮子的问题？乃至在选轮子时，仍然存在苦恼，哪一个轮子好的问题。

在ReactJs开发进程中，你可以选择任何你喜欢的组件，在http://react-component.github.io/badgeboard/，你可以找到各类ReactJs的组件。

但是目前为止，我仍然认为Material-UI是1款你应当首先选择的UI控件库（http://www.material-ui.com/#/components/app-bar）主要缘由有以下几点：

1.完全基于ReactJs

Material-UI是1款完全基于ReactJs的控件，采取的是ReactJs的原理实现，虽然在初期的版本中存在为了推出控件，采取了原始的数据流和控制流方式，但是从其版本更新来看，它在不断改造自己，是自己更ReactJS。

2.设计风格基于Material

Material是最近几年来流行的设计方式，推重简洁、明快的设计风格，在Material-UI中包含了前卫的设计元素，够炫、够Cool。

3.控件丰富、涵盖所有典型场景

在选择控件时，我们希望1个库能涵盖所有典型场景，但常常会出现很多的3方库集成在1起的情形。采取Material-UI不能说涵盖了所有所需控件，但最少涵盖了所有典型场景。

4.活跃度高

选择控件1个重要的斟酌因素是活跃度，活跃度高的意味着该控件经历着各类实战的考验，能及时更新bug，控件库的功能、性能更有保证。从github上我们可以看到参与的开发者和使用者均居高位。

5.版本更新频率高

版本更新频率高是个双刃剑，你可能庆幸下1个版本修改了你急需修改的bug，也可能由于下1个版本的实现方法改变了致使你要重新修改代码，但目前看来,Material-ui的版本变化处理修改bug外，均是是自己更reactjs。

6.同时支持SVG/Font Icon

7.设置样式简单

Material-ui不但支持1般采取Css class或在JSX中设置Inline Styles设置样式，也能够采取设置Themes的方式统1设置全部利用的样式。如：

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠