redux-saga

#. redux-saga란?

redux-saga(이하 리덕스 사가)는 redux의 미들웨어로서 비동기 동작을 실행 할 수 있게 한다. 즉 외부에서 데이터 가져오기(fetch)와 같은 비동기 동작들을 더 효율적으로 실행하고, 쉽게 관리하기 위한 라이브러리이다.

예를 들어, redux의 action이 발생하면 reducer가 액션을 처리하기 전에 비동기 작업을 요청하거나 다른 액션을 발생시키는 등 다양한 작업을 할 수 있도록 미들웨어로 동작한다.

---

#. redux-saga 사용하는 이유

1) 주로 서버에 비동기 요청을 할 때 컴포넌트에서 요청하지 않고 Saga에서 모아서 관리해주기 위해 사용한다.

컴포넌트에서 직접 async/await 문법을 통해 서버에 API 요청을 보내는게 가장 간편하다. 하지만 이러한 코드가 많아질수록 컴포넌트에 비즈니스 로직이 직접 의존하는 경우가 많아지고, 컴포넌트도 복잡해지고 재사용성이 떨어진다. 따라서 리덕스 사가를 통해 

 

2) redux(이하 리덕스)의 액션 생성자와 reducer의 순수성을 유지하고 사이드 이펙트(예: 비동기 API 요청)를 처리하기 위해 사용한다.

리덕스의 스토어 안에 저장된 상태(state)는 오직 읽기 전용이다. 상태는 action에 의해서만 변경되고, 상태가 어떻게 변경할지에 대해 reducer 함수가 이전의 상태와 액션을 인자로 받아 변경된 상태를 리턴한다. 따라서 이러한 action과 reducer의 사용 정의 이외의 부수적인 이벤트들은 리덕스 사가를 통해 처리하는 것이 더 적합하다.

 

→ 결론) 리액트 컴포넌트와 리덕스의 액션을 모두 순수하게 유지하면서 비지니스 로직만 따로 처리하기 위해 리덕스 사가를 사용한다.