[redux] 미들웨어

 

"액션과 리듀서 사이의 중간자"

 

사용처

비동기 작업 (ex. 네트워크)

 

콜백 지옥

비동기적으로 해야할 일이 많아지면, 코드의 구조는 자연스레 깊어질 것이고 그러면 코드를 읽기 힘들어진다.

 

하는 일

액션이 디스패치(dispatch) 되어서 리듀서에서 이를 처리하기전에 사전에 지정된 작업들을 설정

 

 

 

 

PromiseMiddleware (사용 예제: 예제 코드 분석)

(1) promise

- ES6에서 비동기 처리를 다루기 위해 사용되는 객체

 

(2) redux-promise-middleware

promise가 payload로 전달되면 요청이 시작, 성공, 실패 할 때 액션의 뒷부분에 _PENDING(시작), _FULFILLED(성공), _REJECTED(실패)를 반환한다.

 

 

 

※ 이 글은 velopert님 블로그의 이 글을 공부 목적으로 요약 정리한 것이다.

※ 참고: 프라미스에 대해 간결하고 쉽게 정리한 블로그 글