根據之前同事構建的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創(chuàng)建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.好了竿裂,好像就這么多了玉吁。