# redux saga

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) 를 예시로 든다.

hamster

React 상태에 따른 View를 출력하기 위해 사용 React-Redux 상태를 변경하기 위해 사용 액션: 변경을 트리거링 리듀서: 변경을 수행 하나의 액션은 하나의 리듀서와 연결된다. Redux-thunk 와 Redux-saga의 공통점 외부 상태에 따른 상태변

april_5

개인 공부를 위해 작성했습니다자바스크립트를 위한 <span style="color:리액트를 사용하는 많은 프로젝트에서 리덕스도 같이 사용하는데, 그 이유는컴포넌트 코드와 상태 관리 코드의 분리가 가능하고SSR시 데이터 전달이 간편하다리액트 컨텍스트보다 효율적인 렌

tkddl5990

리액트를 하게되면 리덕스는 저절로 따라오게 되는 것 같다. 타입스크립트로 조금 더 쉽게 사용할 수 있는 리덕스 사가 패턴을 만들어 보자. 일단 필요한 패키지를 npm에서 설치하도록 하자. typesafe-actions는 typescript 환경에서 리덕스를 간단하게

gyeongm1n

redux-saga를 이용한 데이터로딩

dev-hannahk

Let's Learn Redux Middleware w/ Redux Saga

kwonh

socketIO를 이용해 양방향 통신을 구현하는 것은 꽤 간단하다. (물론, 인증이나 채팅룸 등 다양한 기능을 추가하면 복잡해진다.) 하지만, 리액트를 이용해 개발을 하다보면 redux-saga를 자연스럽게 자주 쓰게되는데, 생각보다 까다로웠다. 리덕스 사가의 채널을

wmc1415

https://github.com/wmc15156/nextjs_storybook_skeleton_typescript

sohyeonbak_oly

영화 리뷰를 작성해 해당 영화의 리뷰를 공유하고, 공감, 댓글 등으로 통해 영화 리뷰를 즐길 수 있는 페이지입니다.회원가입/로그인 서비스를 이용해 본인 계정으로 게시물을 작성, 수정, 삭제 등 기본기능을 할 수 있으며, 개인화 페이지를 관리 및 수정 할 수 있습니다.

hyenees

Redux-saga로 비동기 처리하기

1000peach

지금까지 redux에 api 호출에 관한 데이터를 받을 저장할 때는 FSA 형식으로 redux-thunk를 사용하여 다음과 같은 방식으로 관리했다.예를 들어 posts의 정보를 state.posts에 저장하려면요청 -> post/getPosts요청 성공 시 -> pos

kingth

해당 에러를 해결하기 위해서 커스텀 타입을 정의 해주면 된다.

broccoliindb

FRONT END: NEXT (localhost:3000)BACK END: EXPRESS (localhost:3065)프론트와 백엔드가 나뉘어있고 로그인 버튼을 통해서 백엔드 api에 접근해서 github으로 로그인하기첨엔 케이스4번으로 saga로 로그인 요청 액션을

rlatmdgns94

피로누적과....회사 업무로 인하여 이론 공부로 마무리 ~리덕스 사가 리덕스 사가 사용하는 이유 redux의 함수는 무조건 동기적으로 데이터가 흘러간다.웹은 언제나 비동기로 사용자 경험을 높이는 것이 중요합니다.redux을 사용하면서 redux-saga도 동시에 사용함

junh0328

들어가기 앞서 위 글은 기존 노마드 코더님의 강의인 'ReactJS로 영화 웹서비스 만들기'를 바탕으로 공부한 부분을 적용하여 리뉴얼 하였습니다. 기존 클래스형 컴포넌트에서 함수형 컴포넌트로 변경한 후에, 리덕스 및 리듀서를 통해 데이터를 관리할 수 있도록 만들었습니

super_iaan

CRA(create-react-app) +Typescript 위에서 redux-toolkit 공식문서에 있는 간단한 카운터를 따라해보자