Redux Devtools

Redux Devtools : Redux를 효율적으로 관리할 수 있는 Chrome 확장 프로그램
- 중복 렌더링 방지
- 효율적으로 State값 관리
- 더 예쁘고, 아름다운 Redux 코드 작성 가능

 

설치

npm i redux-devtools-extension

사용법
1) 프로젝트에서 store를 생성하는 코드에 Redux Devtools Extension을 추가

import { createStore } from 'redux';
import { composeWithDevTools } from 'redux-devtools-extension';
import reducer from './reducers/index';

// reducer를 가진 Store 생성
const store = createStore(reducer, composeWithDevTools());


export default store;