React-Redux

TMI: 미들웨어

온보딩 프로젝트에서는 미들웨어까지 사용할 필요는 없습니다.

근데 범위를 잘못 이해해서 혼자 막 공부한 것들을 영상 없이 여기 추가..

대략 6시간 정도 더 사용

 

Redux의 미들웨어인 redux-thunk와 redux-saga의 비교,
그리고 redux-saga와 redux-observable에의 비교에 대해 잘 정리되어 있는 글들을 공유해봅니다!
 
Redux-Thunk vs Redux-Saga
  1. Redux-Thunk vs Redux-Saga를 비교해 봅시다
  2. What is the difference between Redux Thunk and Redux Saga?
  3. Redux와 Redux-saga의 도입
  4. 일본어 자료: redux-sagaで非同期処理と戦う
Redux-Saga vs Redux-Observable
  1. redux-saga를 redux-observable와 비교해 살펴보기

 

Thunk -> Saga -> Observable 순으로장점: 다양하고 복잡한 상황에 대해 더 쉽고 유연하게 대처가 가능해짐단점: 알아야 할 내용들이 많아짐

개인적으로는 당장 미들웨어를 사용한다면 Saga를 쓰는 것이 좋겠다고 판단.

이유: Thunk는 비동기 처리에 있어서 문제 대처가 어려워짐. 즉, 백엔드에 API 콜 등을 처리하는 도중 페이지 이동을 하는 경우 등에 대한 대응을 하려면 코드가 복잡해짐.

Saga는 비동기 처리에 유연하게 대처가 가능하고, 학습도 Thunk에 비해 크게 어렵지 않음Observable의 경우 RxJS를 사용해 리액티브 프로그래밍이라 알려진 패턴을 따르는데, 병렬 처리에 있어서 Saga보다 더 쉽고 유연한 대처가 가능.

다만 RxJS 자체가 다른 리액티브 패키지들에 비해 더미 코드가 많고 사용하기 복잡.
특히 간단한 처리를 할 때에는 보통 보일러플레이트라 칭하는, 더미 코드들이 많이 필요! 

 

댓글

댓글 본문
버전 관리
김시준
현재 버전
선택 버전
graphittie 자세히 보기