Redux toolkit

등장배경

기존 방식은  설정, 미들웨어 설치, 반복되는 코드, 불변성 유지의 어려움

 

기존의 리덕스는 하나의 거대한 store로 관리하는 데에 반해서

redux toolkit은 slice라 부르는 작은 store로 state 관리 가능

 

 

 

 

reduxtoolkit 은 createSlice를 통해서 작은 저장소를 만들고,

reducers를 통해서 reducer를 정의 해준다.

위의 예시는 reduxtoolkit 사용방식과 redux 사용방식을 나타낸 것이다.

 

이 작은 Slice들을 모아서 사용할 경우에는 configureStore를 생성한다.

 

 

만약 counter의 state 사용할 경우 store에 저장된 counter의 value를 가져오면 된다.

 

 

dispatch의 경우 자동으로 생성된 action creater를 사용할 수 있다.

이 경우 actions로 바로 접근이 가능하며, 이 때 파라미터를 직접 전달하는 경우

action객체의 payload로 들어가게

 

 

이 후, Store와 slice의 경우 각각의 파일로 분리시켜 사용하는 것을 권장한다.