store 추가하기

: createStore 로 store 를 생성하고 Reducer 파일을 넣어줍니다.

그리고 Provider 를 사용하여 react 와 redux 를 연결해줍니다.

Redux DevTools 사용하기

: Redux DevTools 를 사용하기 위해 redux-devtools-extension 모듈을 설치하고

const middlewares = [];

const enhancer =
  process.env.NODE_ENV === 'production'
    ? compose(applyMiddleware(...middlewares))   // 배포시
    : composeWithDevTools(applyMiddleware(...middlewares));   // 개발시

위 코드를 추가해주어 개발 시 브라우저 개발 도구와 연동해줍니다. (배포 시 보안 문제로 사용하지 않습니다.)

참고로 middlewares 에는 chunk 나 saga 등의 사용이 필요하여 추가할 때 배열에 넣어둡니다.

이제 위의 설정을 createStore 에 추가해줍니다.