react-redux (2) 썸네일형 리스트형 React) 내가 보려고 쓰는 React-Redux 코드 작성 단계 요약 React-Redux 코드 작성 단계 요약 1. 필요한 패키지 설치 ... $ npm install redux --save $ npm install react-redux --save $ npm install react-actions --save // option $ npm install redux-devtools-extension --save 2. reducer 만들기 리듀서를 정의한 파일들은 modules라는 폴더에 모아둡니다. modules/component.js import { createAction, handleActions } from 'redux-actions'; 사용할 action type을 다음과 같은 형식으로 선언해 줍니다. 예시는 counter 라는 컴포넌트에서 INCREASE와 DEC.. React) Redux DevTools 사용하기 Redux DevTools 설치 Redux DevTools는 규모가 큰 웹/어플리케이션의 효율적인 상태 관리를 위해 사용되는 redux를 위한 개발자 도구입니다. 이는 아래 링크에서 크롬 익스텐션을 설치하여 사용할 수 있습니다. Redux DevTools Redux DevTools for debugging application's state changes. chrome.google.com React 프로젝트에서 Redux DevTools 사용 아래 명령어로 패키지를 설치합니다. npm install redux-devtools-extension --save redux store를 createStore를 통해 선언하는 파일에 componseWithDevTools를 임포트해오고, import { compose.. 이전 1 다음
