想做前端開發，試試這款React元件庫

今天給大夥推薦乙個react ui元件庫material-ui。material-ui是一款用來實現google的material design風格ui介面的框架，也是首個react的ui工具集之一。

通過 npm 安裝 material-ui 的原始碼

$ npm install @material-ui/core

rel=

"stylesheet"
href
=""/>

rel=

"stylesheet"
href
=""/>

// 通過 npm

npm install @material-ui/icons
// 通過 yarn
yarn add @material-ui/icons

import react from 'react';

import reactdom from 'react-dom';
import button from '@material-ui/core/button';
return (
你好，世界);}

控制面板示例：這是乙個含有工作列和迷你變體抽屜的最小化管理面板。這個圖表由 recharts 提供，但是很容易替換成其他的

相簿示例：這是乙個包含了 hero 的單元和頁尾的響應式相簿 / 展覽頁面布局。

定價頁面示例：使用此頁面布局，可以快速的為潛在客戶建立乙個高效的**表。

支付頁面示例:這是乙個逐步建立的支付頁面布局。可以根據具體需求來調整步驟，或者只採用部分步驟。

react元件開發

1.元件建立腳手架 create react library是乙個用來建立react元件庫的cli,中文文件 隱式配置 建立好工程後，修改根目錄下的package.json中scripts節點下的start和build命令 build microbundle crl css modules fals...

React元件開發（一）初識React

react不屬於mvc mvvm，只是單純的v層 react核心是元件 提高 復用率 降低測試難度 複雜度 自動dom操作，狀態對應內容。react核心js檔案 react.js和react dom.js，每乙個react元件開發都必須引用這兩個js檔案。browser.js用來將瀏覽器不識別的js...

react元件開發規範（一）

這是通過修改專案執行在google上時的警告，總結的的部分react元件開發規範 1 編寫元件時，一定要寫proptypes,切莫為了省事兒而不寫！如果乙個props不是required，一定在getdefaultprops中設定它 react.proptypes主要用來驗證元件接收到的props是...