redux精品先导课程—01初始redux

1.基础

学习redux之前需要掌握以下知识

2.redux知识结构

3.实际操作

打开daily项目，进行

① npm i 

② node ser

然后可以运行起来了，自动打开一个http://localhost:9000/的页面

先大概看一下代码

import { createStore } from 'redux';

function counter(state=0, action) {  //相当于reducer
    let {type} = action;

    switch (type) {
        case 'INCREMENT':
            return ++state;
        default:
            return state;
    }
}

let store = createStore(counter);

$(document).click(ev=>{
    store.dispatch({ type: 'INCREMENT' });  // 相当于action
});

store.subscribe( ()=>{
    let state = store.getState();
    console.log(state);
} );