본문으로 건너뛰기

리덕스 툴킷 이해

리덕스 툴킷은 Redux 를 좀 더 추상화하고 표준화한 라이브러리
official overview

리덕스 툴킷은 상태를 저장하기 위한 라이브러리고 함수나 Ref 객체의 참조를 저장 할
수는 없다

reducer action 에서 immer 라이브러리를 대입 과정에서 사용해서
자동으로 불변성을 유지하면서 상태를 업데이트하는 방법을 제공함

설치 방법

npm install @reduxjs/toolkit react-redux

JS 와 TS 의 형태 차이가 큰 편이다
리덕스 툴킷 구조

공식 문서에서 코드에서 제공되는 예제는 JS 고
조금 다르게 문서는 TS 로 예제를 임베드 하였음
Template 에서 제공하는 문법

0
  • 한장 요약
  • 예제를 통해 리덕스 툴킷의 세팅 방법을 알아보기 세팅 방법
  • redex toolkit 사용방법
  • slice 내에 reducers 선언 방법
  • actions 를 추상화하는 것과 추상화를 통해 Thunk
  • Async actions 를 사용하는 방법