腳手架地址以下:node
react-generator react
由於後面公司有一個任務,因此我打算使用react搭建框架。webpack
首先就是要使用腳手架,react官網推薦的create-react-app挺適合於上手的,也不用配置那麼多東西,react-scripts都給搞定,可是我是須要本身特別定製的,因此這個並不適用於我。git
因而在網上找了一圈,不少包的版本已經落後了,因此也都不打算用他們的腳手架,思前想後我仍是本身搭建一個腳手架好了。github
首先肯定一下我須要一些什麼包:web
React 15.5.4, React-router 4.1.1, Redux 3.6.0redux
WebPack, webpack-dev-server服務器
Sassbabel
koa2, koa-router, koa-bodyreact-router
fetch
babel
server.js 關於koa和koa-router的使用方法;
test/data.js 是fetch對模擬數據的抓取;
若是須要進行mock Server,請先打開服務器
node --harmony ./mock/server.js
app/router 是4.0以上版本,因此須要react-router-dom
。
app/redux 是關於redux的全部配置。
須要在組建內部調用須要搭配react-redux
,具體用法在app/containers/Home.js 。