react-05

# 0. redux要点

    1. redux理解

    2. redux相关API

    3. redux核心概念(3个)

    4. redux工做流程

    5. 使用redux及相关库编码

 

#1. redux理解

    什么?: redux是专门作状态管理的独立第3方库, 不是react插件

    做用?: 对应用中状态进行集中式的管理(写/读)

    开发: 与react-redux, redux-thunk等插件配合使用

 

# 2. redux相关API

    redux中包含: createStore(), applyMiddleware(), combineReducers()

    store对象: getState(), dispatch(), subscribe()

    react-redux: <Provider>, connect()()

 

# 3. redux核心概念(3个)

    action:

        默认是对象(同步action), {type: 'xxx', data: value}, 须要经过对应的actionCreator产生,

        它的值也能够是函数(异步action), 须要引入redux-thunk才能够

    reducer

        根据老的state和指定的action, 返回一个新的state

        不能修改老的state

    store

        redux最核心的管理对象

        内部管理着: state和reducer

        提供方法: getState(), dispatch(action), subscribe(listener)

 

# 4. redux工做流程



        

# 5. 使用redux及相关库编码

    须要引入的库:

        redux

        react-redux

        redux-thunk

        redux-devtools-extension(这个只在开发时须要)

    redux文件夹:

        action-types.js

        actions.js

        reducers.js

        store.js

    组件分2类:

        ui组件(components): 不使用redux相关PAI

        容器组件(containers): 使用redux相关API