코딩/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 에서 상수는 대문자로 작성하는 룰이 있음)
반응형