material-ui是一个 react 的框架。 一直想用这个，但没有现成的 gem 包可以使用，本人前端水平也很 low, 还是很多原理搞不懂。 写了一个 gem, 可以在 rails 中应用这个框架，gem 名称 materialUi-rails, github 地址

使用方法

添加 gem

gem 'browserify-rails'
gem 'materialUi-rails'

在 Rakefile 中添加

(不知道为什么 build 成 gem 包的时候，rake task 无法自动加载，需要手动添加下面两行加载，而如果在 Gemfile 里面写 git 地址就会自动加载)

spec = Gem::Specification.find_by_name 'materialUi-rails'
load "#{spec.gem_dir}/lib/material-ui-rails/tasks/muirails.rake"

运行初始化命令

这个命令时间有点长，主要是下载 npm 包

rake muirails:install
npm install

config/application.rb添加配置

# in config/application.rb
config.browserify_rails.commandline_options = ["-t reactify"]

ok 了，就可以在 js 文件中直接使用了，给个小例子

var React = require('react'),
mui = require('material-ui'),
RaisedButton = mui.RaisedButton;

$(function(){
  React.render(
    <RaisedButton label="hello" />,
    document.body
  );
});

效果就像这样，例子地址https://github.com/towonzhou/test_material_ui

方法很 low, 欢迎交流