React 项目初始化

1.安装构建工具

npm install -g create-react-app

2.构建项目

create-react-app ProjectName

3.安装redux

npm install redux --save
npm run eject 弹出配置文件 可自定义配置webpack
4.安装异步处理 redux-thunk

npm install redux-thunk --save

使用applyMiddleware开启 thunk中间件

5.安装连接 react-redux

npm install react-redux --save

React-redux 提供 Provider和connect 两个接口来连接

Provider组件在应用最外层，传入store即可，只用一次

Connect负责从外部获取组件所需的参数

6.安装装饰器

npm install babel-plugin-transform-decorators-legacy --save-dev

package.json 的 babel 中加入

"plugins": [ "transform-decorators-legacy" ]

connect的使用变得简洁

 (state) => {{num: state}}, // 属性
 { addGun, removeGun, addGunAsync } // 方法
)

7.React-Router 4

npm install react-router-dom --save

本次给大家推荐一个免费的学习群，里面概括移动应用网站开发，css，html，webpack，vue node angular以及面试资源等。
对web开发技术感兴趣的同学，欢迎加入Q群：864305860，不管你是小白还是大牛我都欢迎，还有大牛整理的一套高效率学习路线和教程与您免费分享，同时每天更新视频资料。
最后，祝大家早日学有所成，拿到满意offer，快速升职加薪，走上人生巅峰。