코딩/React 본 캠프
[본 캠프 26일차] React 숙련 1주차 강의 redux
James Song
2024. 8. 20. 15:57
반응형
yarn create vite 프로젝트이름 --template react
redux - config > configStore.js
- modules
[ configStore.js ]
const rootReducer = combineReducers({}); << 중괄호 안에 내용은 modules 안에 넣을 값들을 넣는다.
const store = createStore(rootReducer);
export default store;
redux reducer 진짜 뭐라는거야
주요 개념 복습
- 액션객체 : 반드시 type 이란 key 를 가져야 하는 객체. 리듀서로 보낼 "명령"이다.
- 디스패치 : 액션객체를 Reducer 로 보내는 "전달자" 함수.
- Reducer : 디스패치를 통해 전달받는 액션객체를 검사하고, 조건이 일치했을 때 새로운 상태값을 만들어내는 "변화를 만들어내는 함수".
- 디스패치(dispatch)를 사용하기 위해서는 useDispatch() 라는 훅을 사용
- 디스패치는 스토어의 내장함수 중 하나
- 디스패치는 액션을 발생 시키는 것 정도로 이해하기
- dispatch 라는 함수에는 액션을 파라미터로 전달한다. ex) dispatch(action) - 액션객체 type 의 value는 대문자로 작성 ( JS 에서 상수는 대문자로 작성하는 룰이 있음)
반응형