[TIL] 20230705 - 리덕스 디버깅하기 : 크롬 데브툴스(DevTools) 사용하기 / 리덕스 액션 타입 네이밍

Redux DevTools

$ yarn add redux-devtools-extension

위 명령어로 패키지 설치

import { composeWithDevTools } from "redux-devtools-extension"

const store = createStore(rootReducer, composeWithDevTools());

리덕스 store 파일에 가서 createStore에 두번째 인자로 composeWithDevTools() 함수를 넣어 실행해서 리덕스 개발자 도구를 활성화 시켜서 사용하면된다!

리덕스 디버깅 하기 좋은 ! 데브툴스!!

 

액션타입 중복값 조심!

그리고 리덕스 복습을 했는데!

다시한번 되새기게된!!

dispatch를 보내면 store안에 모든 리듀서들은 실행이된다!

그러기때문에 액션타입이 중복되지 않도록 리듀서명/액션명 조합해서 중복이 되지 않도록 사용하자!

// modules/todos.js
const ADD_TODO = 'todos/ADD_TODO';

// modules/auth.js
const ADD_TODO = 'auth/ADD_TODO';

 

 

그리고 ..... 오늘 강의를 들었지만

다시들어야겠다

ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ

강의들으러 일단......