# react-query

milkboy2564

현재 다니고 있는 회사에서 NextJS를 사용하고 있었기에 온보딩 기간동안 NextJS로 프로젝트를 진행하게 됐다. 여기서는 NextJS를 사용하면서 느낀 어려움과 헷갈렸던 점 그리고 프로젝트를 진행하면서 배운 점을 적어보려고 한다. 1. Pre-Rendering

superrookie

실전 프로젝트 4주차가 되었다. 여전히 자동로그인 부분에 막혀있는데, 다른 자잘한(?) 버그들이 계속 나오면서 수정을 거듭하고 있다. 수정했던 부분을 기록해 보려고 한다.

dldnjswns31

react query 찍먹 기행기

hying

서버로부터 받아올때 비동기로 함께 동작하는 state가 보기 싫어서(and UseEffect도....) react query를 사용해보았다. isLoading, isError, refetch, ...등등먼저 react-query를 설치해준다.npm javascript,

jhjung3

리액트 쿼리를 처음 접하고, 정말 편리하고 멋진 도구라는 생각이 들었다.좀 더 잘 써보고 싶어서 여러 문서를 찾아 읽으며 개념을 정리했고, 정리한 내용을 하나씩 남겨보려고 한다.react-query-logo새로운 기술 스택을 공부할 때는 역시 공식 문서가 국룰이라고 생

totter15

Server State 와 Client State의 분리를 목적으로 만들어짐공식 문서react-query를 사용하기 전 axios로 api를 요청하는 함수만 만들어놓고 컴포넌트에서 불러오는 방식을 사용하고 있었다. 물론 전역적인 상태관리도 안되고 있었기 때문에 redu

moonshadow

react-query를 실제 프로젝트에 사용할 때 알면 좋은 7가지 팁!

corgi-world

`react query`의 `useInfiniteQuery`와 `prisma`의 `Cursor-based pagination`을 사용하여 무한 스크롤에 필요한 모든 것을 구현해 보겠습니다! 이번 구현에 사용한 데이터는 아래 첨부한 이미지와 같으며, 전체 코드는 http

yooji0415

React Query 가 무엇인지, 프로젝트에 어떻게 적용할 수 있는지 간단하게 알아본다.

lake19

서버의 값을 클라이언트에 가져오거나, 캐싱, 값 업데이트, 에러핸들링 등 비동기 과정을 더욱 편하게 하는데 사용클라이언트 데이터와 서버 데이터가 공존하는 문제 서버에는 이미 패치된 데이터가 클라이언트에서는 패치되기 전 데이터로 남아있을 수 있음 react-query는

buddle6091

지금까지 scroll 이벤트로 재는 것을 IntersectionObserver 가 대신 해준다. 주로 스크롤과 관련있는 애니메이션을 넣는데 용이하다.추가로 intersectionRatio를 사용하면 감시하고 있는 요소가 어느정도에 도달했는지 알려준다고 한다. 이 기능을

jay

v4.5.0에 포함된 useQueries + Suspense 이슈 수정에 대해 설명합니다.

ebiny

React Query의 기본 개념과 도입 사례

ru_bryunak

채용글에도 제법 보이고, 얼마전 면접을 볼 때도 react-query에 대해서 아는지 질문이 들어왔다.어...react-swr은 예전에 본적이 있는 것 같긴 한데 뭐지?결론을 위로 당겨써보자면, react query 를 사용하면 아래와 같은 장점이 있다.1\. 나는 이

art11010

React-Query의 경우 서버 상태를 관리하기 위해 전역으로 데이터를 저장하지 않는다. 이 경우 사용할 수 있는 게 staleTime, cacheTime 이다. 어플리케이션 내에서 전역상태를 저장하고 있는건 아니지만 React-Query가 서버 상태를 cache를

giriboy

레벨로그 프로젝트 React Query Cache 리액트 쿼리는 개발자에게 캐시 설정을 쉽게 할 수 있는 옵션을 제공한다. 바로 cacheTime 과 staleTime 쿼리 상태 fetching : 요청 중인 쿼리 fresh : 새롭게 추가된 쿼리 (만료되지