24.06.16

RTK, Axios, Tanstack Query 동시에 쓰기

• RTK 슬라이스 설정
  
  
  

• 비동기 데이터 가져오기를 탠스택쿼리로 처리
  

  useTodosQuery 커스텀 훅에서는 useQuery를 사용해 fetchTodos 함수를 실행하고, 성공적으로 데이터를 가져왔을 때 onSuccess 콜백을 통해 setTodos 액션을 디스패치합니다.

• 리덕스 스토어에서 todos 상태를 가져와 App 컴포넌트에 렌더링
  

  서버에서 가져온 todos 데이터가 리덕스 스토어에 저장되고,
  App 컴포넌트에서는 useSelector를 사용해 이 상태를 구독하여 렌더링할 수 있습니다.
  (데이터 fetching 상태에 따라 로딩 또는 에러 메시지 렌더링, 성공적으로 데이터를 가져왔다면 Todo 리스트를 렌더링)

즉, 리덕스 툴킷을 사용해 앱의 전역 상태를 관리,
탠스택 쿼리를 사용해 효율적으로 서버 데이터를 가져옵니다.

내가 공부량이 많아서 이상해지는 건 아닐 텐데...
헛웃음이 너무 나와 깔깔~!!!