🦋 Redux 흐름
- action을 dispatch가 전달해서 reducer가 받아서 store에 접근
상호작용>action객체생성>dispatch>reducer로 전달> action안에 타입을 보고 store이 변경>리렌더링
🦋 redux hooks
react에서 쓰는 앞에 use붙은걸 함수를 다 hooks라 부름
useSelector : 상태를 가져올수 있도록하는함수
useDispatch : 액션을 받아서 리듀서로 전달하는 훅
🦋 cmarket-redux 구성
- 액션,디스패치,리듀서,스토어가 어딨는지 먼저 확인해보자
- 먼저 store는 어딨을까? store.js에 createStore(reducer)형식이 있다.
- action은 actions폴더의 index.js보면 액션크리에이터 함수들이 있다.
- dispatch는 페이지 내에 존재한다. itemListContainer내에 존재하는걸 알수있다.
- reducer은 reducers폴더내 itemReducer.js내에 itemReducer이 인자로 state와 action을 갖는걸 알 수있다. action의 type에 따라서 어떤 작업을 해주는 switch case문을 볼 수 있다. 조건문인데 마지막 else가 default:와 같다.