Redux를 이루는 요소

Action

상태에 어떠한 변화가 필요할 때, 액션을 발생시킨다. 액션은 type속성을 필수적으로 가지고 있어야 한다.

{
	type: 'TEST1',
	data: {
        id: 0,
    }
}

 

Action Creator

액션 생성함수는 말그대로 액션을 만드는 함수이다. 파라미터를 받아서 객체 형태를 리턴 해주는 형태이다.

function test(data) {
    return {
        type: 'TEST1',
        data,
    }
}

// 화살표 함수 버전
const test = (data) => ({
    type: 'TEST1',
    data,
})

 

Reducer(리듀서)

리듀서는 변화를 일으키는 함수, 즉 업데이트의 역할이다. 2개의 파라미터를 받는다.

function reducer(state, action) {
    // 상태 업데이트
    return changedState;
}

 

Store

Redux는 Flux와 다르게 하나의 애플리케이션, 하나의 스토어 개념을 가지고 있다. 스토어 내부에는 현재의 앱 상태와 리듀서가 들어가 있고, 내장 함수를 포함하고 있다.

 

디스패치 (dispatch)

스토어의 내장함수 중 하나로써, 액션을 발생 시키는 역할을 합니다. 액션을 파라미터로 받아서 리듀서를 동작하게 만듭니다.

dispacth(action)

 

구독(subscribe)

스토어의 내장함수 중 하나로써, 액션이 디스패치 되었을 때 전달받은 콜백 함수를 실행 합니다.

subscribe(callback)