React-Saga 관련 함수 정리

Saga Effects:

Worker Sagas 에 활용:

• call - 밖에 정의되어있는 비동기 함수를 호출. 결과를 promise 가 아닌 plain object 로 변환하여 반환
• put - 주로 동기 함수, 기다릴 필요 없는 함수에 사용(non-blocking)
• putResolve - 주로 비동기 함수, resolve 될때까지 기다림(blocking)
• select - 현재 store 에 있는 상태를 가져옴 (selector 함수를 받아서 사용)

Watcher Sagas 에 활용:

• takeLeading - 같은 액션이 여러번 호출 될때, 가장 처음의 액션만 들음(마우스 클릭을 통한 api 호출 등 response 가 올때까지 한번만 이루어져야 하는 액션에 사용)
• takeEvery
• takeLatest

Redux-Actions:

createAction(type, payload) => {type: …, payload: …} 의 형태로 만들어 반환해 줌
handleActions(type, reducer, defaultState) => void 로 액션에 관련한 로직을 실행

Redux-Reselect:

The Redux ecosystem has traditionally used a library called Reselect to create memoized selector functions. - 리덕스 공식문서

• Reselect는 RTK 에 포함되어 있다. - import { createSelector } from '@reduxjs/toolkit' 로 사용 가능
• 여러 selector들을 묶어 memoized 된 selector 를 만들어 준다.

createSelector(...inputSelectors | [inputSelectors], resultFunc, selectorOptions?) => Selector