Redux dev tool

redux dev tool 로 시간여행을 할 수 있다.

 

인스톨 하고

 

createStore를 할 때 두번째 전달인자로 다음 코드를 전달해주면 된다.

Redux.createStore(
	reducer,
    window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
)

 

그리고 개발자 도구에서 리덕스 데브 툴 아이콘 선택하면 status 바뀌는 것이 눈에 보임

 

왼쪽 화면에는 type이 찍힘

오른쪽 화면에는 color 가 찍힘

 

이렇게 리덕스로 버전관리가 가능하다.

 

 

리덕스에서 여러가지 콘솔창에 찍어보면서 개발하려면 reducer 함수 내부에 찍어보면 된다.