TIL 29th - Redux Toolkit (install & configureStore)

Redux Toolkit | Redux Toolkit

redux toolkit 웹사이트 

 

 

Redux Toolkit 설치

 

#NPM

npm install @reduxjs/toolkit

#Yarn

yarn add @reduxjs/toolkit

위의 명령어로 우선 Redux Toolit 을 설치하면 리덕스가 함께 설치 된다. 

 

 

 

 

createStore > configureStore

 

<기존 createStore 문법 사용 예시>

import { createStore, applyMiddleware } from "redux";
import { composeWithDevTools } from "redux-devtools-extenstion";
import thunk from "redux-thunk";
import rootReducer from "./reducers";

let store = createStore(
  rootReducer,
  composeWithDevTools(applyMiddleware(thunk));
);

export default store;

 

<변경된 configure 문법 사용 예시>

 

import { configureStore } from '@reduxjs/toolkit'
import rootReducer from './reducers'

const store = configureStore({ reducer: rootReducer });

export default store;

 

<변경 시사점>

 

리덕스 버전 업데이트로 인해 더 이상의 createStore 기능은 지원되지 않는다. 다만, 2022년 12월 19일 기준으로는 유예기간에 따라, IDE 내에서 줄선이 그러짐을 확인할 수 있다. 

 

업데이트를 통해 createStore을 사용할 때의 버젼에서보다 편의성이 더욱 증대되었다고 한다.