Redux Toolkit

리덕스툴킷 설치

yarn add react-redux @reduxjs/toolkit

일반 리덕스 → 리덕스툴킷으로 코드 수정

수정 전

수정 후

 

 

 

리덕스툴킷으로 변경 하고있었는데 오류남.

 

 

 

 

객체 리턴 시 ()소괄호로 감싸줘야하는데 간과함. 해결완료

 

 

 

devtools 확장플러그인 : 디버깅에 엄청 도움이 된다. 이건 redux toolkit에 포함되어있는 기능임.

• 크롬에서 확장프로그램 설치

리덕스 사용 안하는 웹에서는 활성화가 안됨

리덕스 사용하는 웹에서는 초록색으로 활성화

개발자도구 > Redux 클릭 하고 그 웹에서 state에 어떠한 변화가 생기면 어떻게 변화가 생겼는지 diff에 나타남