jikor1st / learn-redux-saga

learn redux saga

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

learn-redux-saga

redux-thunk의 경우엔 함수를 디스패치 할 수 있게 해주는 미들웨어 redux-saga의 경우엔, 액션을 모니터링하고 있다가, 특정 액션이 발생하면 이에 따라 특정 작업울 하는 방식으로 사용 여기서 특정 작업이란 특정 자바스크립트를 실행하는 것 일수도 있고, 다른 액션을 디스패치 하는 것 일수도 있고, 현재 상태를 불러오는 것 일수도 있음

redux-saga는 redux-thunk로 못하는 다양한 작업들을 처리 가능

  1. 비동기 작업을 할 때 기존 요청을 취소 처리 할 수 있음.
  2. 특정 액션이 발생했을 때 이에 따라 다른 액션이 디스패치되게끔 하거나, 자바스크립트 코드를 실행 할 수 있음.
  3. 웹소켓을 사용하는 경우 Channel이라는 기능을 사용하여 더욱 효율적으로 코드를 관리 할 수 있음
  4. API 요청이 실패했을 때 재요청하는 작업을 할 수 있음

이 외에도 다양한 까다로운 비동기 작업들을 redux-saga를 사용하여 처리 할 수 있음

redux-saga는 Generator 문법을 사용함

Generator 문법

문법의 핵심 기능은 함수를 작성 할 때 특정 구간에 멈춰놓을 수도 있고, 원할 때 돌아가게 할 수도 있슴. 그리고 결과값을 여러번 반환 할 수도 있음

제너레이터 함수를 사용하면 함수에서 값을 순차적으로 반환할 수 있음. 함수의 흐름을 도중에 멈춰놓았다가 나중에 이어서 진행 할 수도 있음

About

learn redux saga


Languages

Language:HTML 50.7%Language:JavaScript 33.1%Language:CSS 16.1%