中国最全IT社区平台 联系我们 | 收藏本站
阿里云优惠2阿里云优惠1
您当前位置:首页 > web前端 > htmlcss > React实战-一个非常棒的React与Material风格相结合的UI控件库(Material-UI)

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

来源:程序员人生   发布时间:2016-12-03 10:26:23 阅读次数:326次

React实战-1个非常棒的ReactMaterial风格相结合的UI控件库(Material-UI)

ReactJs提供了JSXUI更新机制、组件化原则等底层支持,但是正如我们在所有的程序语言基础上搭建系统框架所面临的问题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设置全部利用的样式。如:

 

 

 

 

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------