Search
Duplicate
📒

[React 완벽 가이드] 12-1. Redux Toolkit 연습

상태
완료
수업
React 완벽 가이드
주제
연관 노트
3 more properties
참고

Redux Toolkit 사용 연습

NOTE
Redux를 이용한 실습을 진행한다. 학습내용은 이후에 노트에 정리함
이번 챕터 결과물

cart-slice

NOTE
해당 Reducer의 State변화를 주로 관리한다.
cart-slice 코드

redux-thunk (cart-action 코드)

NOTE
side-effect가 존재하는 함수(ex 비동기) 처리를 진행하기 위해 사용한다.
[Redux] Redux-thunk
출처는 공식 문서와 Udemy의 Modern React with Redux [2020 Update] 강의 입니다. 공식 문서 : https://ko.redux.js.org/ Udemy 강의 : https://www.udemy.com/ 공식 페이지 설명 (출처 : https://ko.redux.js.org/basics/reducers) Reducer가 반드시 순수해야 한다는 점만 기억해두자. 인수가 주어지면, 다음 상태를 계산해서 반환하면 된다.예기치 못한 일은 없어야 한다. 사이드 이펙트도 없어야 한다. API 호출도 안된다.
https://velog.io/@mokyoungg/Redux-Redux-thunk
3-4 참조
•
redux의 dispatch는 실제 action값이 들어오지 않고 다른 함수가 들어와도 자동으로 실행해준다.
•
또한 그 함수는 자동으로 우리에게 dispatch 인자를 넘겨준다.
cart-action 코드