Redux2 Redux - Redux toolkit(with next js) react 상태를 한곳에서 관리를 하기 위해서 redux, mobx, recoil과 같은 라이브러리를 사용하면 한곳에서 상태를 관리 할 수 있다. 하지만 redux 라이브러리를 사용하기 위해서는 store, reducer, action을 셋팅을 해서 사용을 해야한다. 그래서 오리려 작은 어플리케이션 같은 경우는 셋팅하는 공수가 더 큰 번거로움이 있다. 이를 보완하기 위해 redux-toolkit이 나왔고, 이전에 했던 redux 셋팅에 비해 간소해졌다. 최근 회사에서 redux를 사용하게 되면서 redux를 설치했더니, redux 에서 redux-toolkit을 권유하게 되었고 기존 셋팅에 비해 간소화 된 걸 확인 할 수 있었다. redux를 사용하면 redux-thunk, redux-sage 아니면 r.. 2022. 12. 17. Redux - next.js store에 접근 redux와 next.js를 같이 사용하고 있다면.... SSR이 되면서 초기 data를 받아온 것을 redux에 넣어 뿌려줘야 하지만 next js에 나와있는 getServerSideProps만으로는 redux store에 접근할 수 없다. #object * next getServerSideProps 에서 store 접근 ## next-redux-wrapper 7.0 이하 버전 이와 더불어 추가로 설정을 더 해줘야 store 접근 할 수 있다. redux store를 setting 하면서 wrapper를 export를 해줄텐데 여기서 wrapper를 가져와서 사용하면 store에 접근을 할 수 있다. export const getServerSideProps = wrapper.getServerSidePr.. 2021. 10. 16. 이전 1 다음 반응형