Material-UI采用 Material Design风格的React UI组件,因此要想学习material ui先要了解react。react
Material-UI 能够使用 npm package安装.git
Material-UI使用react-tap-event-plugin来监听touch/tap/click 事件,使之获得快速的响应,这个插件是临时的,一旦React的官方发布相应的插件,咱们将立刻去掉。可是, 在那以前,你必定要在你的应用启动时注入这个插件。github
import injectTapEventPlugin from 'react-tap-event-plugin'; // Needed for onTouchTap // http://stackoverflow.com/a/34015469/988941 injectTapEventPlugin();
react-tap-event-plugin
对React全部组件都提供了一个 onTouchTap()
方法,去处理手机端的点击事件,快速响应咱们的应用程序。这对于button
很是有用。npm
Material-UI 采用 google Roboto 字体,因此请确保在项目中引入字体。babel
关于Roboto字体详细介绍请参考: Roboto 介绍学习
咱们这里的示例都使用了ECMAScript规范中的stage-1
功能,要在您本地运行这些示例,您可能还要安装Babel插件来解析ES语法。字体
Material-UI更详细资料能够访问material ui中文网。ui