Chapter8(36-44)redux

Redux是一个独立专门用于做状态管理的js库(不是react插件库)，他可以用在react，angular，vue等项目中，但基本与react配合使用；

作用:管理react应用中多个组件共享的状态。

redux工作流程：

什么情况下需要使用redux ：

总体原则:能不用就不用，如果不用比较吃力才考虑；

某个组件的状态需要共享；某个状态需要在任何地方都可以拿到；一个组件需要改变全局状态；一个组件需要改变另一个组件的状态。

下载依赖包：npm install --save redux

Redux 3个核心概念：

注意：返回一个新的状态；不要修改原来的状态

 

 

 

 index.js

 

 

 

 

 

 

 app.jsx

                

              增加action.js

     

 

 

 

 

 

 

redux--------reducers.js                                     redux--------action-types.js

redux-------actions.js

 

redux------store.js（将原来index.js中的store相关的移到store.js中）

在上面的代码中，redux与react组件的耦合度太高

npm install --save react-redux

index.js

app.jsx

  connect连接组件与redux

 

 

 

 

 

 

 简写为

connect接受一个函数，函数返回一个对象，connect最终返回一个函数

React-redux将所有的组件分为2大类

 

上面将app.jsx拆一下,得到一个干净的ui组件

Container---app.jsx                                                   components---counter.jsx

          

问题：