redux-toolkit (2) 썸네일형 리스트형 [Redux] 사용법부터 이론까지 살펴보는 Redux: 5. 입문자를 위한 createSlice 기본 세팅 소개 redux는 정말 좋은 라이브러리지만, 세팅해야할 게 많다. 액션 타입을 상수로 지정하고, 액션 생성자도 만들고, 액션 타입에 맞춰서 리듀서 함수도 만들어야 하니 말이다. 다행히 redux-toolkit은 이런 반복되는 코드를 정리해주는데, 그 중 createSlice는 createAction이나 createReducer에 비해서 간결한 코드를 제공하지만, 보일러 코드를 많이 축약하다 보니 처음 봐선 구조가 쉽게 이해되지 않는다. 따라서, 이 기능의 세팅방식에 대해 살펴보겠다. 1. store 세팅 export const store = configureStore({ reducer: { }, }); export type TypeStore = ReturnType; store는 cofigureStore을 사용.. [Redux] 사용법부터 이론까지 살펴보는 Redux: 4. Redux-toolkit 리덕스는 전역 상태관리 라이브러리이자 중앙집중식 스토어로서 유용하다. 하지만, 리덕스에는 세 가지 불편함이 존재했다. store, reducer, actionCreater 등의 초기 세팅을 위해 반복적으로 많은 코드를 작성해야 한다. reducer는 불변성의 법칙에 따라 store를 변형하면 안된다. 따라서, 복잡한 state를 가공하기 위해 spread 연산자 등의 기법을 사용해서 긴 코드를 작성해야 한다. reducer을 잘 사용하기 위해 여러 라이브러리를 직접 설치해줘야 한다.(immer, reselect ...) 타입스크립트가 제대로 지원되지 않는다. 이런 불편함에 대한 대안으로서 등장한 redux-toolkit은 다음 이점을 가지고 있다. 반복적으로 작성하던 세팅을 간소하게 작성 가능 스토어 변.. 이전 1 다음