프론트엔드에서 서버 데이터 파생 상태 관리하기: TanStack Query와 상태 관리 전략
최근 들어 서버 데이터를 프론트 state로 변형해 관리하여 처리하는 경우가 종종 있었습니다.모든 서버에 API 응답값이 페이지 내에서 구현해야 하는 비즈니스 로직에 알맞으면 좋겠지만 그러지 못한 경우가 대다수일 것 입니다. 당시에는 서버 응답값을 기반으로 파생 상태를 만들어 로직을 전개했지만 파생상태를 정의하는 과정이 매끄럽지 못한것을 인지하고 있었습니다. 지금 돌이켜서 어떻게 하면 더 좋은 방법으로 서버 데이터로부터 프론트 파생 상태를 정의할 수 있는지 고민해보았습니다. 여러 방법들이 눈에 띄었지만 다음 두가지 방법이 적용과 이해가 쉬웠습니다. 1. TanStack Query의 select 옵션 사용import { useQuery } from '@tanstack/react-query';const us..
개발
2024. 9. 22. 18:58
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- CI
- 상태관리전략
- MFA
- 프론트엔드아키텍처
- 독서
- node module
- Micro Frontend Architecture
- Flutter
- defineProps
- subrouting
- pnpm
- error handle
- zero install
- yarn-berry
- aws
- 프론트엔드최적화
- Style
- Module Federation
- deploy
- 독후감
- frontend
- test
- design system
- 서버상태관리
- 당신은 결국 무엇이든 해내는 사람
- vue
- vue3
- DevOps
- Infra
- TanStackQuery
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
글 보관함