봉봉 봉봉

IT/Tanstack Query V5

• Devtools

  IT/Tanstack Query V5 2023. 12. 24. 01:41

  설치 및 가져오기 npm i @tanstack/react-query-devtools import { ReactQueryDevtools } from '@tanstack/react-query-devtools' 기본적으로 개발환경의 번들에만 포함되기 때문에 production 빌드 중에 제외하는 것에 대한 걱정할 필요 X Floating Mode 앱에 고정된 플로팅 요소로 마운트하고 화면 모서리에 개발자 도구 표시하고 제거할 수 있는 토글 제공 토글 상태는 다시 로드할 때마다 localStorage에 저장됨 import { ReactQueryDevtools } from '@tanstack/react-query-devtools' function App() { return ( {/* The rest of your..

  Read More
• 시작하기

  IT/Tanstack Query V5 2023. 12. 24. 00:57

  Tanstack Query란? 웹 응용 프로그램의 서버 상태 가져오기, 캐싱, 동기화 및 업데이트를 쉽게 할 수 있도록 도와주는 라이브러리 대부분의 기존 상태 관리 라이브러리는 클라이언트 상태를 사용하는 데 유용하지만 서버 상태가 완전히 다르기 때문에 비동기 또는 서버 상태를 사용하는 데는 그다지 적합하지 않음 기능 캐싱 동일한 데이터에 대한 여러 요청을 단일 요청으로 중복 제거 백그라운드에서 "오래된" 데이터 업데이트 데이터가 "오래된" 경우 파악 데이터 업데이트를 최대한 신속하게 반영 페이징 및 레이지 로드 데이터와 같은 성능 최적화 서버 상태의 메모리 및 가비지 수집 관리 구조 공유를 사용하여 쿼리 결과 메모 장점 응용프로그램에서 복잡하고 잘못 이해된 코드의 많은 줄을 제거, React Query ..

  Read More