<aside>
🚩 Goal: Redux Thunk를 직접 구현해봅니다.
</aside>
1. thunk에서 Promise 다루기
- (1) Todos 조회하기 기능 구현
- (2) 구현 순서
2. 구현하기
- (1) Thunk 함수 구현 → 서버에서 데이터 가져오기
- (2) Thunk 함수 구현 → 가져온 데이터 Strore로 dispatch 하기
- (3) 리듀서 로직 구현 → extraRecuders
- (4) 기능 확인
- (5) Store 값 조회하고, 화면에 렌더링 하기
3. Immer
4. 정리
- thunk 함수는 Reducers 아닌 외부에서 작성한 것 이므로, extraReducers 를 사용해야 한다.
- thunkAPI를 이용해서 Promise를 다룰 수 있다.
- 서버에서 가져오는 데이터는 로딩상태, 성공, 실패로 나누어서 상태를 관리하고, 컴포넌트 단에서도 이에 따라 다르게 조건부 렌더링을 한다.
5. 참고하면 좋을 자료