React.js/React Query2 소개 1. React Query React Query는 서버로부터 가져온 데이터의 상태 관리를 도와주는 라이브러리다. 흔히 React Query로 많이 알고 있는데 V4부터 vue, svelte, solid에서도 사용이 가능해지면서 Tanstack Query로 이름을 변경했다. (이후의 글들은 모두 V5에 맞춰 포스팅할 것이다.) Overview | TanStack Query Docs TanStack Query (FKA React Query) is often described as the missing data-fetching library for web applications, but in more technical terms, it makes fetching, caching, synchronizing an.. 2024. 1. 24. React-Query 1. React-Query란 React-Query는 서버에서 데이터를 클라이언트에 가져오거나, 캐싱, 값 업데이트, 에러핸들링 등 비동기 과정을 더욱 편하게 하는데 사용된다. 2. React-Query 장점 여러가지 장점이 있지만 주로 아래와 같이 프론트 개발자가 구현하기 귀찮은 일들을 수행한다. 캐싱 get을 한 데이터에 대해 update를 하면 자동으로 get을 다시 수행한다. (예를 들면 게시판의 글을 가져왔을 때 게시판의 글을 생성하면 게시판 글을 get하는 api를 자동으로 실행 ) 데이터가 오래 되었다고 판단되면 다시 get (invalidateQueries) 동일 데이터를 여러번 요청하면 한번만 요청한다. (옵션에 따라 중복 호출 허용 시간 조절 가능) 무한 스크롤 비동기 과정을 선언적으로 .. 2022. 8. 25. 이전 1 다음
