28줄의 코드로 redux 만들기

3723 단어
사용 중인 도구를 만드는 방법을 배우고 일부 기능이 내부에서 어떻게 작동하는지 엿볼 때 눈을 뜨게 하는 것입니다.

function createStore(reducer, initialState) {
    let state = initialState;

    function getState() {
        return state;
    }

    function dispatch(action) {
        state = reducer(state, action);
    }

    return { dispatch, getState };
}

function reducer(state = [], action) {
    switch (action.type) {
        case "add":
            return [...state, action.payload];
        default:
            return state;
    }
}

const store = createStore(reducer);
store.dispatch({ type: "add", payload: "learn to code" });
store.dispatch({ type: "add", payload: "react" });
store.getState();
//[ 'learn to code', 'react' ]


영감: typeofnandev

좋은 웹페이지 즐겨찾기