Redux Toolkit와 RTK Query에 포함된 API

 

📌 Redux toolkit 에 포함된 API는 다음과 같다

• configureStore()
  • creatStore를 래핑(기능옵션과 기본값을 제공)
  • 자동으로 slice reducer와 결합
  • 모든 Redux middleware를 추가
  • redux-thunk 를 포함함
• createReducer()
  • switch 문을 작성하는 대신 사용가능
  • immer 라이브러리 자동 사용
• createAction()
  • 액션 생성자 함수 생성
  • 함수 자체가 toString() 으로 정의 되어있음
• createSlice()
  • reducer functions의 객체, slice name, initial state value,을 받아 slice reducer를 자동 생성
• createAsyncThunk()
  • an action type string 과 promise를 리턴하는 함수를 받아 pending/fulfilled/rejected에 dispatch하는 thunk를 생성
• createEntityAdapter()
  • 재사용가능한 reducer와 selector(정규화된 데이터를 관리)를 생성

+Add

RTK Query란 ❓

RTK Query는 어플리케션의 데이터를 로딩하는 여러 케이스를 간단하게 만드는 데이터 패칭 및 캐싱 툴이다.
(RTK Query는 @reduxjs/toolkit 패키지 내에서 선택적 Addon으로 제공됨)

📌RTK 쿼리에는 다음과 같은 API가 포함된다.

• createApi()
  • RTK 쿼리 기능의 핵심(해당 데이터를 가져오고 변환하는 방법의 구성을 포함)
• fetchBaseQuery()
  • fetch 로 감싸져 있다.
• <ApiProvider />
  • Redux 스토어를 가지고 있지 않다면 provider 로 사용 가능하다.
• setupListeners()
  • refetchOnMount와 refetchOnReconnect기능을 위해 사용되는 유틸리티.

 

📚 참고

https://junsangyu.gitbook.io/rtk-query/tutorial
https://redux-toolkit.js.org/introduction/getting-started#rtk-query