# redux saga
react-native에 type + redux 사용
단순히 redux-saga 홈페이지에 있는 튜토리얼을 진행한 상태로 생각을 정리하는 글 입니다. RN 프로젝트를 진행하면서 기술스택을 정하다 한가지 고민거리가 생겼다.thunk 는 한번 사용해봤고, 요즘 많은 사람들이 thunk 로 작성한것을 saga 로 리빌딩 하는
초보자의 React.js (6) - CRUD[DELETE]
1-1. constants.js는 3편에서 이미 모두 작성했습니다.1-2. actions.js 추가 부분1-3. reducers.js 추가 부분error(CATE_DELETE)의 경우는 이 데이터에 연관된 데이터가 있을 시 그에 대한 처리를 위해 만들어두었습니다.1-4
초보자의 React.js (5) - CRUD[UPDATE]
이번에는 UPDATE를 작성하겠습니다.어차피 작성순서는 constants.js -> actions.js -> reducers.js -> Category.js(즉, 작성 중인 components파일을 의미합니다.)1-1. constants.js는 3편에서 이미 모두 작성
초보자의 React.js (4) - CRUD[CREATE]
이번에는 입력을 시도해 보겠습니다.1-1. constants.js는 3편에서 이미 모두 작성했습니다.1-2. actions.jsyear 및 semester라는 데이터를 stringify해서 /category/store이라는 URL을 기본 URL 추가하여 방향을 잡고 데
초보자의 React.js (3) - CRUD[READ]
API 통신을 이용한 CRUD를 해보겠습니다.예를 들어 category라는 학년 및 학기를 관리하는 하나의 components를 만들도록 하겠습니다. 파일구조는 제가 부장님에게 배운 방식으로 하다보니 마음에 들지 않는 다면 다른 방식으로 사용하셔도 무방합니다. impo
초보자의 React.js (2) - 설정[2]
1편에 적었다시피 이번에는 index.js, store.js, saga.js를 작성하도록 하겠습니다. 이렇게 3가지를 작성한다면 정말로 기본적인 설정은 끝나게 됩니다. 1. saga.js > 1-1. import > 1-2. Interceptors 요청 , 응답,
Laravel + React.JS를 이용한 비동기 방식의 관리자 페이지 만들기(laravel을 API 데이터 서버로 사용)
laravel에 React.JS를 사용하여 만들었던 프로젝트였으나... 중단이 되어버려서 정리하여 개인공부를 겸하여 누군가에게는 도움이 될까하고 이 글을 작성해봅니다. > 부족한 점이 많은 방식입니다. 설명 또한 매우 부족할 것입니다. 이러한 부분에 대해서 이 글을
Redux-Saga - 게시글 추가 시 유저 정보 수정하기
Redux의 단점은 어느 한 reducer에 dipatch할 때, 다른 reducer를 동시에 바꿀 수 없다는 것이다. 이를 해결하기 위한 방법으로 Redux-Saga를 사용할 수 있다.
next 와 redux-saga 사용
getInitialProps 를 사용하므로, SSR 정적 최적화는 없다. 그리고, 서버사이드에서 리덕스를 사용해야할 이유가 왜 있는지 그리고 SSR 을 꼭 써야만 하는 건지 자꾸 생각을 해보게 된다.
리덕스 사가 비동기 호출 시 effects 중 call 을 사용하는 이유
call 은 순수 행위객체를 생성해주며, 그 순수 행위객체로 리덕스사가는 비동기 요청하고, 요청이 resolved 때까지 기다리는 기능이 있다.
Redux 미들웨어 적용하기 (Thunk, Saga)
지난 포스팅에서 React 프로젝트에 Redux 를 적용해보았습니다.이번 포스팅에서는 Redux 에서 비동기 처리를 위해 많이 쓰이는 미들웨어 중 Thunk, Saga를 둘 다 적용해 보고 이를 비교해보도록 하겠습니다.이에 대하여 비교해놓은 글은 정말 많습니다.대쵸적으