# redux thunk

43개의 포스트

[React js] redux-middleware02

패스트캠퍼스 리덕스 강좌수강비동기 작업을 처리할 때 많이 사용하는 미들웨어다. 객체가 아닌 함수 형태의 액션을 디스패치할 수 있게 해준다. Fake API우선 loading,data,error 형태의 객체를 리턴하는 함수를 한곳에 만들어두고 해당 형식으로 리팩토링을 하

2일 전
·
0개의 댓글
·

[React] redux-thunk (전역상태관리 비동기 처리) + redux-logger, Redux DevTools

비동기 처리를 위한 redux-middleware 라이브러리dispatch(thunk함수)action type & action 생성자함수, (thunk 함수), reducer 함수를 1개의 파일 내에서 정의해서 사용하는 방식.

2022년 9월 19일
·
0개의 댓글
·
post-thumbnail

React.js - redux middleware(리덕스 미들웨어, redux-thunk, redux-saga)

소프트웨어 공학에서 미들웨어란 운영체제와 응용 소프트웨어 중간에서 조정과 중개의 역할을 수행하는 소프트웨어를 말한다.리덕스 미들웨어는 액션을 디스패치 했을 때 리듀서에서 이를 처리하기에 앞서 사전에 지정된 작업을 실행한다. 미들웨어는 액션과 리듀서 사이의 중간자라고 볼

2022년 9월 6일
·
0개의 댓글
·
post-thumbnail

redux-thunk

리덕스를 사용하는 어플리케이션에서 비동기 작업을 처리 할 때 가장 기본적인 방법으로는 redux-thunk 라는 미들웨어를 사용하는것입니다. 이 미들웨어는 비동기 작업을 다룹니다. 이를 사용하여 비동기 작업을 관리하는건 매우 직관적이고 간단하다.액션생성함수도 객체,함

2022년 8월 25일
·
0개의 댓글
·
post-thumbnail

Redux

Redux 프로젝트에서 rtk를 사용하기 위해 리덕스를 처음부터 공부해보면서 작성한 글입니다..... 리덕스의 필요성 >Redux: 상태관리 툴 React는 상태관리가 없기 때문에 상태관리를 위한 선택지가 생김. → 이것이 Redux. 리덕스의 특징: 단방향이다.

2022년 7월 4일
·
0개의 댓글
·
post-thumbnail

[FE] Redux-Thunk vs Redux-Saga

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

2022년 7월 4일
·
0개의 댓글
·

Firebase Realtime DB에서 읽어 온 데이터 Redux store에 업데이트 하기 (Redux-thunk 이용)

이번 Redux 토이 프로젝트에 Firebase DB를 이용하는데, ref와 onValue를 이용해 데이터 읽어 오는 부분에서 굉장히 애를 먹었다. 결론적으로는 내가 파이어베이스 onValue나 리덕스 createAsyncThunk가 어떤 값을 return하고 어떤 특

2022년 6월 22일
·
0개의 댓글
·

토이 프로젝트 후기) Green In The Forest

이번의 토이 프로젝트는 동적 라우팅과 grid로 화면을 구성하는 것에 중점을 두었다. 공공데이터의 open API를 찾아보는 중, 숲속의 식물에 대한 데이터를 제공하는 산림청 숲에 사는 식물정보를 사용하기로 마음을 먹었다.

2022년 3월 31일
·
0개의 댓글
·

redux-thunk로 redux에서 API 요청하기

기본적으로 redux는 async await를 사용할 수 없다. 따라서, redux에서 비동기로 API 요청을 받아 데이터를 store에 저장하기 위해서는 redux-thunk 미들웨어 라이브러리를 사용해야 한다.

2022년 3월 30일
·
0개의 댓글
·

react-redux 사용시 redux-thunk 의 중요성

신규 개인프로젝트 중 react-redux 의 useDispatch 을 이용한 함수 호출 도중비동기 처리 관련 오류가 발생함CRA을 이용한 신규프로젝트 작업 중 redux를 사용하여 action을 dispatch 할 시 비동기 처리 작업을 처리하는 미들웨어 부분이 누락

2022년 3월 28일
·
0개의 댓글
·

react-router-dom과 redux 연결하기

npm i react-router-dom: react-router와 redux를 약하게 연결시켜 주는 기능아래 예제처럼 store와 route부분에 history를 연결해주면,redux thunk안에서 withExtraArgument를 가져와서 history를 빼와서,

2022년 3월 25일
·
1개의 댓글
·

Redux 미들웨어 1

미들웨어가 '디스패치'의 앞뒤에 코드를 추가할 수 있게 해준다.미들웨어가 여러개면 미들웨어가 '순차적'으로 실행된다.미들웨어의 두가지 단계 \- 스토어를 만들 때, 미들웨어를 설정하는 부분 {createStore, applyMiddleware} from redux

2022년 3월 25일
·
0개의 댓글
·
post-thumbnail

[React/Redux] redux-thunk

리덕스의 또 다른 미들웨어인 redux-thunk에 대해 알아보겠습니다. redux-thunk는 가장 많이 다운로드된 리덕스 미들웨어입니다. 그 다음으로 많이 사용되는 redux-saga도 꽤 많은 다운로드 수를 보여주고 있지만 redux-thunk에 비하면 1/3가량

2022년 3월 9일
·
0개의 댓글
·
post-thumbnail

Redux-Thunk

redux에서 비동기 작업을 처리하는 방법과 redux-thunk를 이용하여 비동기 작업 처리하기

2022년 2월 10일
·
0개의 댓글
·
post-thumbnail

Redux-thunk+TS 02 | 리팩토링 (thunk 함수 & 리듀서)

가장 먼저 해야 할 것thunk(Promise 기반)를 만들어 줌. (1줄로)thunk 만드는 법 액션 생성함수(createAsyncAction 로 만든) & 함수(Promise 를 만드는)를 파라미터로 가져와서 만들음. 단순히 데이터만 바로 조회하는 형태의 코드일

2022년 1월 7일
·
0개의 댓글
·
post-thumbnail

Redux-thunk+TS 01 | Basics (리덕스 모듈 / 프레젠테이셔널 / 컨테이너)

redux-thunk 설치 $ yarn add redux-thunk axios 설치 $ yarn add axios (API 요청 목적) 모두 공식적으로 타입스크립트 지원됨 → @types/redux-thunk 나 @types/axios를 따로 설치할 필요

2022년 1월 7일
·
0개의 댓글
·
post-thumbnail

Redux-thunk 02 | 웹 요청 비동기 작업 처리

웹 요청 비동기 작업 처리 1. API 함수화 (lib/api.js) > axios 사용 API 호출 시, 주로 axios(Promise 기반 웹 클라이언트) 사용 설치 $ yarn add axios > 함수화 이유 API 호출 함수 → 따로 작성 시,

2022년 1월 2일
·
0개의 댓글
·
post-thumbnail

Redux-thunk 01 | 개념 / 미들웨어 적용

(리덕스 사용 프로젝트에서) 비동기 작업 처리 시 (가장 기본적으로) 사용하는 미들웨어함수 형태의 액션 디스패치 가능 액션 생성 함수에서 함수 반환(액션 객체 반환 대신) 창시자 댄 아브라모프(Dan Abramov) Thunk란? 의미: 특정 작업을 나중에 할

2022년 1월 2일
·
0개의 댓글
·
post-thumbnail

redux-thunk

redux를 공부중에 추가로 사용하게되는 미들웨어 2가지를 알아봤다.조금 어려운 개념인거같아서 대강 정리해두고 실무에서 필요할때 다시 꺼내보려한다 react컴포넌트는 상태에 따른 화면을 정의하는것이 기본 목적이다.redux만 사용해서는 비즈니스로직이 컴포넌트내에 섞이는

2022년 1월 2일
·
0개의 댓글
·

React(2)

가장 많이 널리쓰이는 훅중에 하나로 잘 못 구현되었을때 가장 많이 문제를 일으키기도 하는 훅이다기본적인 useEffect의 형태로 뒤에 deps가 없이 실행할경우 렌더링될때마다 매번 실행이 된다.deps를 비워둔채로 선언을 하게 되면 컴포넌트가 처음 마운트 될때에만 실

2021년 9월 4일
·
0개의 댓글
·