-
redux-saga declarative effects
redux-saga에서, saga들은 generator function들을 사용해서 실행됩니다. saga 로직을 표현하기 위해 generator 부터 명백한 javascript 객체들을 산출(yield) 합니다. 이러한 객체들을 Effects라고 부르는데, 이 Effect는 미들웨어에 의해서 해석되는 몇몇 정보들을 포함하는 간단한 객체입니다. 몇몇 기능들(비동기 함수, 스토어에 액션을 전송하는 것들)을 수행하는 미들웨어의 명령어들같은 Effect들을 볼 수 있습니다. Effect들을 생성하기 위해, redux-saga/effects 패키지에...
-
ES6 비동기 프로그래밍에 대하여
자바스크립트 호출 스택 자바스크립트의 함수 호출은, 호출 스택인 스택으로 인해 관리됩니다. browser event loop 각 브라우저 탭은 싱글 프로세스(single process : the event loop)에서 실행됩니다. 병렬로 함께 실행되는 다른 프로세스(timers, input handling, etc)는 각각의 task를 task queue에 추가하여 프로세스와 통신합니다. 타이머 setTimeout(callback, ms); 이와 같은 소스가 있을 경우, ms(millisecond) 후에...
-
redux testing을 위한 redux-mock-store [작성 중]
미들웨어와 비동기 액션 creator들을 테스팅 하기 위한 redux-mock-store에 대해서 포스팅 했다. 공식 문서 를 참고해서 번역했다. 설치 dev dependency로 설치하는 걸 추천한다고 한다. npm install redux-mock-store --save-dev 사용법
-
Redux-form 시작하기
Redux store를 통해 React Component 내 form 데이터를 관리해주는 라이브러리인 redux-form 공식 문서를 보고 번역하였음. redux-form 시작하기 redux-form은 주로 다음의 네 가지로 구성됩니다. redux에서 form state를 유지하기 위한 ‘redux-form 액션’들을 전송하길 기다리는 redux reducer 높은 우선순위의 컴포넌트(Higher Order Component,HOC)에서 전체 form을 감싸고, props를 통해서 기능들을 제공하는 리액트 컴포넌트 데코레이터 개개의...
-
React 요약
react-redux connect 함수 connect([..options]) 옵션을 인수로 받고, component를 redux에 연결하는 ‘또 다른’ 함수를 반환합니다. example connect()(Counter) - store에 연결된 새로운 컴포넌트 클래스가 반환된다.