# thunk

suwoncityboy

설연휴 동안 오랜만에 가족 따라댕기느라 공부 할 시간이 없었다. 그전에는 RN으로 프로젝트 진행하였고 react-query를 통해서 서버 데이터처리를 했다. 그래서인지 thunk에 대한 개념을 다잊어버렸고 감이 사라져버렸다. 요번 프로젝트에서는 thunk를 활용해 구현

elle2elle

Thunk? ✅thunk는 redux-toolkit에 내장된 기능이며, redux로 비동기적 작업을 처리할 때 사용된다.

syncstar

리액트 파일을 전달 할 떄는, node-modules 파일을 삭제하고 보내야한다.why?파일 용량이 엄청 커짐, 어차피 파일을 받는 사람은 package.json 기반으로 설치를 하기 때문에, npm i 만 해주면 끝임만약 npm i 설치 시 오류가 걸린다면?, 강제로

harimad

redux-toolkit을 이용해서 비동기 데이터 처리하는 방법에 대해서 알아보겠습니다.비동기 처리는 createAsyncThunk함수를 사용합니다. 이 함수를 사용하는 방법을 알아보고 어떤 기능이 있는지 확인해 보겠습니다.

cinephile

Thunk 함수,Thunk에서 Promise 다루기

arch-spatula

리덕스 툴킷을 학습합니다. 당연히 다른 프레임워킁입니다. 하지만 리덕스의 불편한점을 개선한 리덕스 프레임워크입니다.리덕스를 잘 배우면 어려울 것이 없습니다. 리덕스를 잘 모르면 큰 고통이 올 것입니다.리덕스를 작성할 때 형식적으로 설정해야 하는 것이 많았습니다. 리덕스

defaultkyle

Prologue React로 프론트엔드 개발 시 Redux를 활용한 전역 상태 관리를 하게 됩니다. 이 전역 상태 관리의 프로세스는 다음과 같습니다. >1. 해당 UI에 이벤트 발생 Event Handler에서 action 객체가 Dispatch 됨 Dispatch

dbstjrwnekd

Writing Action Creators Redux는 action object를 생성하는 과정을 캡슐화하는 "action creator" functions를 사용하도록 장려합니다. 직접적으로 반드시 작성이 필요한 것은 아니지만, Redux 사용법에서 표준적인 과정입

superrookie

리덕스툴킷과 axios로 통신하기 (feat. json server)

buddle6091

redux-logger -> redux flow를 볼 수 있음 npm i redux-logger middleware: (getDefaultMiddleware) => getDefaultMiddleware({ serializableCheck: false }).concat(logger),

dbstjrwnekd

Redux core library는 의도적으로 정해진 룰이 없습니다. 이는 store setup, reducer 디자인 등 모든 것들을 사용자가 원하는대로 사용할 수 있다는 것입니다. 이러한 특징은 사용자에게 유연함을 가져다주고 코드를 원하는대로 작성하도록 도와줍니다

auddnjs2008

리덕스 미들에워는 액션을 디스패치했을 때 리듀서에서 이를 처리하기에 앞서 사전에 지정된 작업들을 실행합니다. 미들웨어는 액션과 리듀서 사이의 중간자라고 볼 수 있습니다. 여기에는 Redux-Thunk 와 Redux-Saga가 있습니다. 이번 포스터에선 Redux-

moduri

[TIL] 오늘의새: 새끼?제비 곧 있음 이소를 할것 같다

hyeonuk97

리덕스에서 미들웨어 청크의 역할은 뭘까요?프로미스는 정확히 말하면 비동기가 아닙니다. 비동기와 프로미스는 각각 무엇일까요?TDZ(Temporal Dead Zone/일시적 사각지대)란?

rudans987

미들웨어는 액션이 디스패치 된 다음 리듀서에서 액션을 처리하기 전에 액션을 받아와서 액션을 취소시키거나 다른 종류의 액션을 추가적으로 디스패치하는등 업데이트 이전에 추가적인 작업을 할 수 있도록 도와주는 역할이다.즉 리듀서 내의 어떤 로직이 실행되기 사이의 중간다리 역

mingdolacucudas

항해를 시작한 이래로 두번째 위기를 맞았다. 첫 위기는 항해첫날 첫 프로젝트였고, 두번째 위기는 리덕스 thunk로 crud를 구현해야 하는 과제였다. 썽크를 공부한건 오늘이 처음은 아니었다. 저번주에 파보려고 했지만 개념은 알겠는데 차마 구현은 엄두가 나질 않았다.

moduri

[TIL] Thunk? 리덕스를 배우며 툴킷도 배우게 되었다. 그러다 비동기 처리를 어떻게 해야할지 모르겠어서 일단 리듀서에서 처리를 해보았지만...

nemo

Redux toolkit은 내부적으로 thunk를 내장하고 있어서, 미들웨어를 따로 설치하지 않아도 비동기 처리를 쉽게 할 수 있다.당연히 컴포넌트 내부에서 비동기 처리를 할 수도 있다. 아래 코드처럼.그러나 가독성과 재사용성이 떨어진다는 단점이 있다. 따라서 Redu

hunsm4n

말 그대로 로그를 찍는 애어떤 로그냐 Action이 Dispatch에 reducer에 그 때마다 어떤 액션인지를 log로 찍어볼 수 있게 해주는 미들웨어Action을 dispatch를 이용해서 reducer에 전달을 해주는데, 그 과정에서 만약 미들웨어를 적용했다면,

0715yk

: 흔히 redux의 비동기 처리 로직 혹은 사이드 이펙트를 처리하기 위한 용도로 redux-thunk나 redux-saga를 많이 사용한다. 이번 포스팅에서는 앞서 말한 redux와 연관되는 라이브러리가 필요한 이유부터 시작해서 각 라이브러리의 장단점을 가지고 서로를