데이터 패칭 라이브러리
: Store의 반복되는 API 요청으로 불필요한 통신 문제 해결
React-Query
: Server와 Client 사이 비동기 로직들을 손쉽게 다룬다.
- 서버 데이터 캐싱
- 데이터 패칭 시 로딩, 에러 처리를 한 곳에서 처리 가능
- prefetching, retry 등 다양한 옵션
- 쉬운 상태 관리
속성
1) Query
2) Mutate
3) Query Invalidate
출처
https://haesoo9410.tistory.com/m/346
<FE> React-Query 의 필요성
1. 소개 * 기존의 상태관리 - 모던한 FE에서 상태를 관리하는 것은 필수이다. 단순한 체크여부 뿐만 아니라 다크모드, 인풋 값, 로딩상태, 에러상태, 눈에 보이는 리스트 데이터부터 눈에 보이지
haesoo9410.tistory.com
https://tech.madup.com/react-query-vs-swr/
React Query vs SWR
React Query와 SWR의 차이점
tech.madup.com
https://techblog.woowahan.com/6339/
Store에서 비동기 통신 분리하기 (feat. React Query) | 우아한형제들 기술블로그
오늘은 주문에서 사용하는 FE 프로덕트의 구조 개편을 준비하며 FE에서 사용하는 Store에 대해 개인적인 고민 및 팀원들과 검토하고 논의했던 내용을 소개합니다. 이 과정에서 생긴 여러 가지 의
techblog.woowahan.com
'Development > React.js' 카테고리의 다른 글
| Next 실행시 발생하는 에러 (0) | 2022.03.30 |
|---|---|
| findDOMNode is deprecated in StrickMode... (0) | 2022.03.30 |
| Next.js - pages와 layout (0) | 2022.03.28 |
| Next.js란? (0) | 2022.03.28 |
| Redux (0) | 2022.03.24 |