nextjs에 redux 세팅하기(작성중)

상태관리 라이브러리로 아직 가장 많이 사용되고 있는 리덕스를 nextjs에 설치하는 과정을 정리해보려 한다.

Redux 관련 모듈 설치

npm install redux next-redux-wrapper react-redux --save

• redux
• next-redux-wrapper
  • Next.js의 서버사이드 렌더링 관련 복잡한 설정을 쉽게 해주는 HOC
• react-redux
  • react 바인딩

npm install -d redux-devtools-extension @types/next-redux-wrapper @types/react-redux

• redux-devtools-extension : 개발자 도구 사용을 위한 라이브러리

npm install redux-saga

• redux-saga는 type을 자체적으로 지원하기 때문에 @type/redux-saga는 필요 없음(deprecated 됨)

npm i immer

참고 문헌

• https://jktech.tistory.com/46
• 인프런 노드버드 강의
• https://medium.com/@raphat/next-js-typescript-redux-3fbc990cb901
• next-redux-wrapper 공식문서