Redux #7 리덕스 개발자도구 사용하기

리덕스 개발자 도구를 사용하는 이유.개발자도구에서 리덕스 상태 조회, 디스패치, 디스패치된 액션들 내역을 볼 수 있다.

1. 크롬 익스텐션으로 redux-devtool을 설치해준다.
2. npm i redux-devtools-extension
3. index.js에 composeWithDevTools를 꺼내와서 createStore의 두번째 파라미터로 불러와서 호출한다.

index.js

import { Provider } from 'react-redux';
import { createStore } from 'redux';
import rootReducer from './modules';
import { composeWithDevTools } from 'redux-devtools-extension';

const store = createStore(rootReducer, composeWithDevTools());

ReactDOM.render(
  <React.StrictMode>
    <Provider store={store}>
      <App />
    </Provider>
  </React.StrictMode>,
  document.getElementById('root')
);