2018-11-27 构建一个react,redux,react-router的框架

根据之前同事构建的react，redux项目，然后自己研究构建一个，下面是自己构建项目的流程。用的是react16版本，redux4.0.1,react-router4.3.1;

1.用create-react-app命令，先构建一个初始的架子。用命令npm run eject后，需要再npm install 下，要不然会报有些模块找不到。

2.因为要跟redux和react-router结合使用，所以要安装这两个包，以及react-redux和react-router-dom。另外，要整理下框架的结构

大致的大纲

1.constant:用来存放action类型的常量

2.redux文件夹下的rootReducer是把所有的reducer整合成一个reducer,用的方法是combineReducers,configureStore创建store。

3.配置rootReducer，见下图

rootReducer内容

4，配置configureStore,如下图

configureStore内容

5.入口文件中需要的root组件的内容：

根组件的内容

6.所有文件的集合，通过react-router来跳转：

所有文件的集合

7.入口文件index：

入口文件的内容

8.至此，根据别的同事项目改变的一个框架诞生了。哈哈哈哈哈。。。

9.还忘记了，里边要想需要用到一些修饰器的，根据react的版本我安装了@babel/plugin-proposal-decorators和babel-plugin-transform-decorators-legacy；另外plugins中的配置如下

装饰器配置

10.好了，好像就这么多了。