날짜: 2022년 12월 6일 화요일

키워드 및 질문

• react-redux
• redux-toolkit
• slice
• RTK-query

본문

• 이론 수업

<aside> 📌 요약: Redux는 Store에 State들을 관리. State에서 값을 가져오려면 useSelector를 사용. action은 state를 어떻게 바꿀건지에 대한 명세다. type과 payload가 있음. dispatch로 state와 action을 주면 reducer가 state를 변경함.

redux-toolkit에서 slice는 store를 분할하여 만든 작은 store다. 구분해서 사용하고, redux가 하나로 합쳐준다.

reducer function을 만드는 생산자 관점에서는

1. 리듀서 함수를 정의하면 함수를 실행할 수 있는 action creator가 자동으로 생성된다.
2. 만약에 슬라이스를 쓰지 않는다면 직접 액션을 만들어야 한다.
3. immer가 내장되어 있어 immutable한 객체를 쉽게 수정할 수 있다.

생성자 관점에서는

1. react-redux의 Provider로 컴포넌트를 감싼다.
2. store를 공급해준다.
3. configureStore로 store를 만든다. (이 store 안에 reducer, dispatch가 있다.)

</aside>