8. typescript - redux toolkit 써보기(+보일러 플레이트)

🟣 redux toolkit을 쓰는 이유

- redux의 세가지 단점을 보완할 수 있다.

 

1. 저장소를 설정하는것이 너무 복잡하다

2. 많은 패키지들을 더 설치해야 한다.

3. 보일러플레이트 코드를 너무 많이 필요로 한다.

 

1. configureStore()

createStore를 감싸서 기본값들과 단순화된 설정을 제공.

리듀서 조각을 합칠 수 있다. 그리고 미들웨어들도 더 할수 있고 Redux DevTools도 확장 가능하다.

2. createSlice()

slice 이름과 상태 초기값, 리듀서 함수들로 이루어진 객체를 받아 createAction와 action type을

포함하는 리듀서 조각을 자동으로 만들어준다.

 

redux toolkit에는 immer(react에서 불변성을 유지하는 코드를 작성하기 쉽게 해주는 라이브러리)

가 있기때문에 redux에서는 불변성을 지켜주어야 하기때문에 array.push가 안됐었는데 tookit에서는

push로 배열추가가 가능해졌다.

 

 

* [next.js+typescript+redux toolkit] 보일러 플레이트

https://github.com/whtnqls124578/next.js_typescript_redux-toolkit_Boilerplate-code

GitHub - whtnqls124578/next.js_typescript_redux-toolkit_Boilerplate-code

 

 

 

* 출처

https://ko.redux.js.org/redux-toolkit/overview/