리액트(React) - 미들웨어(Middleware)

리덕스(Redux)를 사용하는 이유

리덕스는 상태(State) 관리를 용이하기 위해서 사용합니다.

미들웨어(Middleware)를 사용하는 이유

액션(Action)이 리듀서(Reducer)를 변화시키기 전 추가적인 작업을 위해서 사용합니다.
리듀서는 순수 함수로 작성해야하기 때문에 리듀서 내부에서 비동기 작업 등 순수 함수를 훼손하는 작업이 금지 됩니다.

 

미들웨어가 작업한 내용을 리듀서에 인자로 전달하면 리듀서는 매개 변수로만 새로운 상태를 반환하므로 순수 함수가 될 수 있습니다.

정리

미들웨어는 리듀서가 순수 함수(어떤 외부상태에 의존하지도 않고 변경하지도 않는, 부수효과가 없는 함수)를 유지하도록 비동기 등 순수 함수를 훼손하는 작업을 수행하여 전달하는 역할을 합니다.