Recent Posts
Tags
- react-hook
- Vite
- MSW
- Viewport
- dvh
- msw2.0
- Typescript
- fsd-architecture
- tanstack-query
- type-challenges
- fsd
- LVH
- tanstack-router
- mock-service-worker
- queryoptions
- SDP
- webrtc
- vh
- mutationoptions
- websocket
- webrtc #ice #stun #turn
- startTransition
- HTTP
- svh
- Mapped type
- readonly
- useTransition
- React
- queryfactory
- type-challenges-easy
Archives
- Today
- Total
목록queryfactory (1)
개발자 메론빵
[TanStack Query] QueryFactory로 API 관리하기
FSD 구조를 사용할 때 TanStack Query를 더 효율적으로 사용하기 위해 QueryFactory 형식으로 API요청 관리해주면 좋다는 FSD 공식문서 내용을 보고 queryFactory를 적용 해보기로 한다. qeuryFactory는 queryOptions로 구성한다.📌queryOptionsqueryKey와 queryFn을 재설정 없이 공유하기 위해 queryOptions를 사용할 수 있다. 한 곳에서 공통 옵션을 정의해주어 반복 설정해주지 않아도 된다는 이점이 있다.const getLearnerStatus = (learnerId: string) => queryOptions({ queryKey: ['learnerStatus', learnerId], queryFn:..
React
2024. 8. 16. 16:54