# redux saga

katej927

Redux-thunk와 비교 시 좀 더 까다로운 상황에서 유용 기존 요청 취소 처리 ((불필요한) 중복 요청 방지)특정 액션 발생 시 → 다른 액션 발생 리덕스와 관계 없는 코드(API 요청 등) 실행 시 웹 소켓 사용 시API 요청 실패 시, 재요청redux-

1-blue

middleware, redux-thunk, redux-saga 정리

jiseong

redux-saga는 사용해본적이 없어서 익숙해져보고자 이번 youtube api를 활용해서 검색 기능을 만들어보고자 했다.위의 검색창에 검색할 단어를 입력하고 검색을 하게되면, redux-saga에서 모니터링 하고 있다가 GET_MUSICLIST 액션이 발생하면 fe

hwiyu25

추석의 일정을 제외하면 면접, 코딩테스트, 과제로 일주일을 보냈던 것 같다.

hwiyu25

지난 주 금요일에 수료를 했으니 벌써 일주일이 지난 셈이다.

junh0328

📍 redux-saga / axios / typescript quick start! 이번에는 리덕스 미들웨어 중 리덕스사가에 타입스크립트를 적용해보도록 하겠습니다. 리덕스 사가에 타입스크립트를 적용하기에 앞서 리덕스-사가에 대한 지식이 부족하시다면 벨로퍼트님의 리덕

secho

직접 작성한 예제를 기반으로 작성코드와 같이 보시면 더욱 도움될 것 같습니다이전 글 에서 크게 달라지는 것이 없다.Action, Reducer은 완전하게 동일하다.달라지는 점은, Context API에선 전역 데이터에 접근하기 위해 Provider에 등록했고 Reduc

yisu-kim

원티드 프리온보딩 과정에 참여하여 페이워크 기업과제를 받아 투두 리스트 앱을 구현해보았습니다.

hyseoseo

타입스크립트, 리덕스 사가 이용한 투두 리스트 구현

delilah

redux-saga는 애플리케이션의 "부수적인 효과(side effect)"(데이터 요청(fetch) 등의 비동기 작업, 브라우저 캐시 같은 순수하지 않은 것들) 들을 쉽게 관리하고 효과적으로 실행하고 간단한 테스트와 쉬운 실패 처리를 목적으로 한다.(js에서 side

yrnana

redux를 사용할때 비동기 처리가 필요하다면 툴킷에 내장된 redux-thunk를 사용하자. 그런데 만약 서버 데이터를 비동기로 받아오기 위해 redux와 비동기 미들웨어가 필요한 상황이라면 이를 redux로 해결한다는 생각을 고심해 볼 필요가 있다.

harim

파일 다운로드를 연속으로 했을 때 두번째 액션 부터 취소하고 토스트 보여주어야 하는 상황 특정 액션이 연속 해서 일어났을 때 이전 액션 취소되고 가장 마지막에 실행된 액션이 실행되는 takeLatest의 경우, 처음으로 시작된 액션이 시작되는 것이 아닌 가장 마지막에

harim

Post를 했을 때 409 에러로 실패하면 1초 간격으로 최대 4번 재시도(즉 5번의 post 시도)를 해야하는 상황⇒ 특정 에러일 때 제한된 횟수로 재시도 하는 작업을 처음 해보아서 기록에 남김에러 status에 따라 분기처리 필요함을 느꼈다.

harim

take특정 타입의 액션을 기다림 즉, 액션이 dispatch 되기 전까지 다음 코드로 넘어가지 않음기다린 해당 액션의 객체 반환여러개의 액션을 기다릴 수도 있음⇒ 먼저 실행되는 액션의 객체 반환, 하나라도 실행되면 다음 코드로 넘어감⇒ 해당 액션들 모두 기다림debo

sunhwa508

불변성을 지키다 보면 아래와 같이 복잡한 코드를 작성해야 할 상황이 온다하지만 이를 도와주기 위한 npm 으로 immer 이라는 라이브러리가 있다.react, redux 등에서 사용 가능하다. (hook 버전 -> use-immer)

zero_mountain

프론트서버와 백엔드서버를 연결해 회원가입을 구현하는 중에 다음과 같은 오류가 발생했다.오류 코드를 살펴보면, user.js라는 파일에서 문제가 발생한다는 것을 확인할 수 있었다.user.js는 유저 데이터를 서버로 넘기기 위해서 리덕스 사가를 사용해 코드를 작성했다.해

hamster

출력 로직은 React에 상태변경로직은 Redux에, 변경 직전/직후 로직은 Saga에 넣습니다.

jminkyoung

redux-saga란 앞선 포스트에서 언급했다시피 Redux Middleware 라이브러리 중 하나이다. 앞에서 설명했던 redux-thunk도 많이 쓰이긴 하지만 간단한 어플리케이션에서만 쓰이며, 주로 redux-saga를 사용한다. 예제와 함께 redux-saga에

hamster

FileSystem 은 보통 디렉토리를 생성하는 과정과 읽기/쓰기 과정으로 분리된다.redux와 같이 사용할 경우, saga에서 읽기 부분을 처리하는것이 일반적인데, 그 때 FileSystem 라이브러리는 아래와 같이 사용할 수 있다.call 함수를 쓰지 않아도 된다참

hamster

Redux-saga 사용법2roomlis 가 slice 이름이고 currentRoomId 가 들어있을 때select()함수를 통해 사용할 수 있다.함수 FileSystem.readAsStringAsync(chatsDir + action.payload) 를 예시로 든다.