# redux thunk
Redux에서 벗어나기
처음 사내 프로젝트를 시작할때 redux를 사용했었다. 비동기 처리는 따로 하지 않아서 api의 결과물을 redux에 저장하고 필요한 컴포넌트에서 꺼내 사용했다. 그야말로 저장소에 가까웠다. 하지만 제품이 커지고 컴포넌트의 구성이 복잡해지면서 이런 방식은 불편한점이 많
Redux-thunk와 Redux-saga 이해하기
이 포스트는 인프런의 ZeroChoi님의 Nobird 프로젝트를 진행하며 Redux 미들웨어를 이해하기 위해서 강의 내용에 추가해서 정리한 내용입니다 . 🏷 Redux-saga와 Redux-thunk는 Redux 미들웨어로서, 비동기 작업을 처리할 수 있게 하고 Re
redux - redux thunk
Redux 미들웨어(Middleware)의 일종으로, 비동기 작업을 처리하기 위해 Redux 액션 객체 내에서 함수를 반환할 수 있게 한다. Redux Thunk를 사용하면 Redux 액션 객체를 반환하는 대신에, 함수를 반환할 수 있으며, 이 함수는 Redux 디스패
[React] Redux - 비동기 처리 (saga, thunk)
말머리 Notification(알림) 기능을 만들면서 접하게된 이슈와 해결 한 방법을 정리한다. 비동기 처리 상황은 아래와 같다. > 게시글에 댓글 달림 게시글의 작성자에게 알림 보냄 (이건 실시간이 필요 없다 생각해서 DB Table로 만듬) 알림 확인 및 알림 제
리덕스 미들웨어(Redux middleware)
Redux 미들웨어는 액션을 dispatch 전달하고 리듀서에 도달하는 순간 사이에 사전에 지정된 작업을 실행할 수 있게 해주는 중간자이다.로깅, 충돌 보고, 비동기 API와 통신, 라우팅 등을 위해 Redux 미들웨어를 사용한 다.
리팩토링 4 Redux toolkit & thunk
리팩토링 이전에는 컴포넌트 안에서 api 호출, redux dispatch, 에러 처리등을 모두 수행하였다. 컴포넌트의 기능이 점점 복잡해짐에 따라 api 호출 뒤 동작이 매우 복잡해졌다. 또한 하나의 api로 해결이 되지 않고 여러 api를 통해 원하는 동작을 구현하
한 주의 정리 - WIL
이번주(2월 20일 ~ 2월 26일)은 리액트 심화부터 백엔드와 프론트가 만나 처음 서로의 언어로 토이 프로잭트를 만드는 날이었다.1\. 리덕스 청크는 리덕스에서 많이 사용하고 있는 미들웨어중에 하나이다. thunk를 사용하면 dispatch를 할때 객체가 아닌 함수
Weather🌤️ 프로젝트(with react, redux, node.js) 후기
공공 데이터를 활용해 날씨 정보를 알려주는 웹사이트를 만든 weather 프로젝트 후기
React - Redux Thunk (feat. redux-actions)
thunk란, 특정 작업을 나중에 하도록 미루기 위해서 함수형태로 감싼것을 칭합니다. 리덕스는 기본적으로 액션 객체를 디스패치합니다.일반 액션 생성자는 파라미터를 가지고 액션 객체를 생성하는 작업만 합니다. 따라서 특정 액션이 몇초뒤에 실행되게 하거나, 현재 상태에 따
Redux-saga와 Redux-thunk
비동기 작업을 처리할 때 가장많이 사용하는 미들웨어입니다. 객체가 아닌 함수 형태의 액션을 디스패치할 수 있게 해줍니다.이것도 thunk와 마찬가지로 비동기 작업 관련 미들웨어 입니다.특정 액션이 디스패치되었을 때 정해진 로직에 따라 다른 액션을 디스패치시키는 규칙을
타입스크립트로 Redux 구성하기
이번에는 최근들어 react를 다시한번 상기시키자는 마음으로 내가 2년동안 보고있는 책, 리액트를 다루는 기술에 나와있는 프로젝트를 한번 만들어보면서 하고 있는 내용을 정리해보려고 한다. 바로 타입스크립트로 Redux를 구성하는 방법을 정리해보려고 한다. 사실 이 책에
Redux-Toolkit Usage Guide2
Writing Action Creators Redux는 action object를 생성하는 과정을 캡슐화하는 "action creator" functions를 사용하도록 장려합니다. 직접적으로 반드시 작성이 필요한 것은 아니지만, Redux 사용법에서 표준적인 과정입
Redux-Toolkit Usage Guide1
Redux core library는 의도적으로 정해진 룰이 없습니다. 이는 store setup, reducer 디자인 등 모든 것들을 사용자가 원하는대로 사용할 수 있다는 것입니다. 이러한 특징은 사용자에게 유연함을 가져다주고 코드를 원하는대로 작성하도록 도와줍니다
[React js] redux-middleware02
패스트캠퍼스 리덕스 강좌수강비동기 작업을 처리할 때 많이 사용하는 미들웨어다. 객체가 아닌 함수 형태의 액션을 디스패치할 수 있게 해준다. Fake API우선 loading,data,error 형태의 객체를 리턴하는 함수를 한곳에 만들어두고 해당 형식으로 리팩토링을 하
[React] redux-thunk (전역상태관리 비동기 처리) + redux-logger, Redux DevTools
비동기 처리를 위한 redux-middleware 라이브러리dispatch(thunk함수)action type & action 생성자함수, (thunk 함수), reducer 함수를 1개의 파일 내에서 정의해서 사용하는 방식.
React.js - redux middleware(리덕스 미들웨어, redux-thunk, redux-saga)
소프트웨어 공학에서 미들웨어란 운영체제와 응용 소프트웨어 중간에서 조정과 중개의 역할을 수행하는 소프트웨어를 말한다.리덕스 미들웨어는 액션을 디스패치 했을 때 리듀서에서 이를 처리하기에 앞서 사전에 지정된 작업을 실행한다. 미들웨어는 액션과 리듀서 사이의 중간자라고 볼
redux-thunk
리덕스를 사용하는 어플리케이션에서 비동기 작업을 처리 할 때 가장 기본적인 방법으로는 redux-thunk 라는 미들웨어를 사용하는것입니다. 이 미들웨어는 비동기 작업을 다룹니다. 이를 사용하여 비동기 작업을 관리하는건 매우 직관적이고 간단하다.액션생성함수도 객체,함
