Material-UI是实现了Google Material模式的CSS框架，其中包括了一系列的React组建。Material Design是2014年Google I/O发布的 势必将会成为统一 Android Mobile、Android Table、Desktop Chrome 等全平台设计语言规范，对从业人员意义重大。

　　为了更好地使用这个框架，推荐大家先了解一下React Library，然后再使用Material-UI。

如果想及时了解Spark、Hadoop或者Hbase相关的文章，欢迎关注微信公共帐号：iteblog_hadoop

如何使用Material-UI

　　Material-UI是以npm包形式提供的，所以你得这么安装：

npm install material-ui

　　Material-UI use browserify and reactify for dependency management and JSX transformation，CSS 框架是使用Less编写的，所以你也得先编译它。

如何使用

　　如果你项目已经引入了material-ui，你可以如下方式使用组建：

/**
 * User: 过往记忆
 * Date: 2015-05-02
 * Time: 上午08:16
 * bolg: 
 * 本文地址：/archives/1338
 * 过往记忆博客，专注于hadoop、hive、spark、shark、flume的技术博客，大量的干货
 * 过往记忆博客微信公共帐号：iteblog_hadoop
  */
var React = require('react'),
  mui = require('material-ui'),
  RaisedButton = mui.RaisedButton;

var SomeAwesomeComponent = React.createClass({

  render: function() {
    return (
        <RaisedButton label="Default" />
    );
  }

});

module.exports = MyAwesomeReactComponent;

下载地址及文档

　　Material-UI的下载请到这里：https://github.com/callemall/material-ui。

　　关于如何使用Material-UI，请到Material-UI的官方网站参见里面的文档：http://material-ui.com（貌似这个网站需要翻墙）。