redux devtools (개발자 도구)

1. 크롬 확장 프로그램 설치 - https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd

Redux DevTools

2. 기본적인 사용 (  redux-devtools 설치할 필요 없음. )

const store = createStore(
   reducer, /* preloadedState, */
+  window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
 );

3.  redux-devtools 사용

 

npm install --save redux-devtools-extension

 

import { createStore, applyMiddleware } from 'redux';
import { composeWithDevTools } from 'redux-devtools-extension';

const store = createStore(reducer, composeWithDevTools(
  applyMiddleware(...middleware),
  // other store enhancers if any
));

4. 개발자 도구를 열어 'Redux' 탭을 클릭한다.

 

참고 : https://github.com/zalmoxisus/redux-devtools-extension#usage

zalmoxisus/redux-devtools-extension