Redux-thunk와 Redux-saga 비교
2021. 4. 20. 20:32
프로그래밍/React
Redux-thunk와 Redux-saga Redux-thunk와 Redux-saga는 둘 다 Redux의 미들웨어 라이브러리임 Redux 미들웨어는 dispatch()메소드를 통해 store로 가는 액션을 가로채는 코드 Redux-Thunk 표준 액션들을 디스패치하는 것 외에도 Redux-Thunk 미들웨어를 사용하면 thunks라고 불리는 특별한 함수를 디스패치할 수 있음 Thunks(in Redux)는 일반적으로 다음 구조를 가짐 👇 export const thunkName = parameters => (dispatch, getState) => { // 당신의 어플리케이션 로직을 여기에 적으세요 }; thunk는 (선택적으로) 일부 parameters를 인수로 취하고 또 다른 함수를 return하는..
redux-thunk란?
2021. 4. 19. 20:57
프로그래밍/React
redux-thunk redux-thunk는 리덕스에서 비동기 작업을 처리 할 때 가장 많이 사용하는 미들웨어 이 미들웨어를 사용하면 액션 객체가 아닌 함수를 디스패치 할 수 있음 redux-thunk는 리덕스의 창시자인 Dan Abramov가 만들었으며, 리덕스 공식 매뉴얼에서도 비동기 작업을 처리하기 위하여 미들웨어를 사용하는 예시를 보여줌 함수를 디스패치 할 때에는, 해당 함수에서 dispatch 와 getState 를 파라미터로 받아와주어야 함 이 함수를 만들어주는 함수를 우리는 thunk 라고 부름 thunk 사용 예시 👇 const getComments = () => (dispatch, getState) => { // 이 안에서는 액션을 dispatch 할 수도 있고 // getState를 사..