리덕스 툴킷

Redux] 리덕스 툴킷 configureStore

ConfigureStore configureStore는 리덕스 코어 라이브러리의 표준 함수인 createStore를 추상화한 것입니다. 기존 리덕스의 번거로운 기본 설정 과정을 자동화한 것이라 할 수 있습니다. configureStore 함수는 reducer, middleware, devTools, preloadedState, enhancer 정보를 전달합니다. reducer 리듀서는 단일 함수를 전달하여 스토어의 루트 리듀서로 바로 사용할 수 있습니다. 또한 슬라이스 리듀서들로 구성된 객체를 전달하여 루트 리듀서를 생성하도록 할 수 있습니다. 이런 경우 내부적으로 기존 리덕스에 존재하는 combineReducer 함수를 사용해서 자동적으로 병합해 루트 리듀서를 생성하게 됩니다. middleware 리덕..

Redux] 리덕스 툴킷에 대해

리덕스 툴킷이란 무엇일까요? 리덕스 툴킷은 리덕스를 더 사용하기 쉽게 만들기 위해 리덕스에서 공식 제공하는 개발도구입니다. Redux 사용 시 문제점 기존 리덕스는 스토어를 구성하는 것이 복잡합니다. 리덕스가 유용해지려면 추가적으로 여러 패키지들이 필요합니다. 한 작업에 필요한 코드 양이 많습니다. 리덕스 툴킷 설치 npm install @reduxjs/toolkit 사용 방법 createSlice 액션과 리듀서를 전부 가지고 있는 Ducks 패턴입니다. createSlice({ name: '액션의 경로를 잡아줄 이름', initialState: [], //액션으로 구분을 준 리듀서 reducers: { //액션을 선언하고 해당 액션이 dispatch되면 state를 가지고 액션을 처리합니다. actio..