React開發技術

React開發相關棧

React技術棧

名稱	版本	描述	安裝方式	文檔地址
react		React核心	npm install react	https://doc.react-china.org/
react-dom		ReactDOM相關操做	npm install react-dom	同上
react-router-dom		React路由相關	npm install react-router-dom	同上
Redux		Redux狀態管理	npm install redux react-redux	http://www.redux.org.cn/
immutable-js		immutable redux-immutable	npm install immutable redux-immutable	https://github.com/facebook/immutable-js

開發環境相關

名稱	版本	描述	安裝方式	文檔地址
webpack		模塊化打包工具	npm install webpack	https://doc.webpack-china.org/configuration/
webpack-dev-server		webpack服務器環境	npm install webpack-dev-server	同上
babel		JS語法編譯器	npm install babel-loader babel-core	http://babeljs.io
less		css預處理	npm install less	http://lesscss.org
sass		css預處理	npm install sass	http://sass-lang.com/
u-reset.css		一個簡潔的重置樣式庫	npm install u-reset.css	https://github.com/allcky/u-reset.css
whatwg-fetch		Fetch API	npm install whatwg-fetch	https://www.npmjs.com/package/whatwg-fetch
axios		Axios 是一個基於 promise 的 HTTP 庫	npm install axios	https://www.npmjs.com/package/axios

第三方插件

名稱	版本	描述	地址	安裝
react-swipe		輪播圖組件	https://github.com/voronianski/react-swipe	npm install swipe-js-iso react-swipe

組件庫

名稱[文檔]	版本	描述	安裝
Ant Design		用於開發和服務於企業級中後臺產品	npm install antd --save
Ant Design Mobile		是 Ant Design 的移動規範的 React 實現	npm install antd-mobile --save
AntV G2		數據驅動的高交互可視化圖形語法	npm install @antv/g2 --save
AntV G6		專一解決流程與關係分析的圖表庫	npm install @antv/g6 --save
AntV F2		適於對性能、體積、擴展性要求嚴苛場景下使用的移動端圖表庫	nnpm install @antv/f2 --save
AntV L7		地理空間數據可視化框架，易用易擴展。	nnpm install @antv/g2 --save