React生成器

脚手架地址如下:

react-generator

因为后面公司有一个任务,所以我打算使用react搭建框架。

首先就是要使用脚手架,react官网推荐的create-react-app挺适合于上手的,也不用配置那么多东西,react-scripts都给搞定,但是我是需要自己特别定制的,所以这个并不适用于我。

于是在网上找了一圈,很多包的版本已经落后了,所以也都不打算用他们的脚手架,思前想后我还是自己搭建一个脚手架好了。

首先确定一下我需要一些什么包:

  React 15.5.4, React-router 4.1.1, Redux 3.6.0

  WebPack, webpack-dev-server

  Sass

  koa2, koa-router, koa-body

  fetch

  babel

mock

server.js 关于koa和koa-router的使用方法;

test/data.js 是fetch对模拟数据的抓取;

如果需要进行mock Server,请先打开服务器

node --harmony ./mock/server.js

React-Router

app/router 是4.0以上版本,所以需要react-router-dom

Redux

app/redux 是关于redux的所有配置。

需要在组建内部调用需要搭配react-redux,具体用法在app/containers/Home.js 。