React-Redux 概览

React-Redux概要

一.  React-Redux 流程图

       

二. React-Redux 项目结构

     --actions   存放用户UI交互所需的action

     --components  存放与用户视图及CSS相关的组件，这类组件通常可复用

     --container  存放与state 状态数据关联的组件 （该类组件一般不可复用，跟具体业务关联）

     --reducer   接收action ， state 的地方，这里将返回新的state

    在reducers 文件夹下存放着所有的reducer文件，其中index.js 文件将会收集所有reducer文件，并暴露出来。

    搜集方式：

    import  { combineReducers } from 'redux';

    const allApp = combineReducers({

        apps,

        otherApp,

        .......

      })

     redux 提供将所有reducer 合并到一起的方法，然后将这些reducer返回的新状态组合成最终的store, 然后将最终的数据给到dom 跟节点    

    import { createStore } from 'redux'

    let store = createStore(allApp ) 

     store =  redux.createStore(reducers)