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