[Redux] Redux createStore 취소선이 그어지는 이유

redux를 사용하다 보면 스토어를 만들기 위해 createStore를 사용합니다. 하지만 직접 사용해 보면

아래와 같이 밑줄이 그어집니다. 

 

왜 그럴까요?

 

 

 

 

 

취소선이 그어진 곳에 마우스를 갖다대면 @reduxjs/toolkit에서 제공하는 configureStore를 쓰라고 합니다.

 

 

결과적으로 deprecated로 나오지만, 기능에 문제없이 잘 동작합니다. 

 

하지만  RTX(Redux Tookit)을 쓰는 것을 권장하고 있습니다. 

 

redux github에 따르면 https://github.com/reduxjs/redux

GitHub - reduxjs/redux: Predictable state container for JavaScript apps

 

 

아래와 같이 createStore 대신 configureStore를 사용하는 것을 권장하고 있습니다.

 

하지만 createStore를 제거하지 않으며, 기존의 모든 코드는 여전히 그대로 계속 작동할 것이라는 것을 알 수 있습니다. 

 

 

즉,

 

npm install @reduxjs/toolkit react-redux

 

@reduxjs/toolkit을 설치하고,

 

 

 

아래와 같이 변경하면 잘 작동합니다 :)

 

참고로 createStore(); 안에 rootReducer와 같이 인자로 그냥 넣는 것이 아니라 다음과 같이 넣어줘야 합니다.

 

\