[23.08.03] 리액트 리덕스 - Redux / Redux Toolkit

• Redux vs Redux-Toolkit 정리

• 파일구조 (공통)

  

---

---

---

• Redux

  configStore.js 파일
  todos.js 모듈 파일
  List.jsx 컴포넌트 파일
  

---

---

---

• Redux-Toolkit

  configStore.js 파일
  todos.js 모듈 파일
  List.jsx 컴포넌트 파일
  

• configStore.js파일에서 변화 :
  createStore, combineReducer > configureStore로

• 모듈에서 변화 :
  - const 모듈Slice = createSlice를 통해
  Action Value, Action Creator, Reducer를 한번에 만들어 준다.
  - 액션크리에이터는 컴포넌트에서 사용하기 위해 export 하고,
  reducer 는 configStore에 등록하기 위해 export default 한다.

• 컴포넌트 파일에서 변화 :
  export한 reducer를 import해서 dispatch에 넣어 사용한다.