# 리액트쿼리

16개의 포스트
post-thumbnail

React-Query, 리액트 쿼리에 대하여

우리 팀의 경우 Recoil을 이용해서 데이터를 관리하고 msw를 이용해 목서버를 만들어서 사용 중이었다, 하지만 Recoil이나 Redux 등의 라이브러리는 클라이언트의 데이터들을 관리하기에는 좋아도 서버의 데이터들을 관리하기에는 적합하지 않다는 이야기를 접했고 서버

2023년 1월 11일
·
0개의 댓글
·
post-thumbnail

React 비동기 처리와 성능 향상(feat. lazy, Suspense, ErrorBoundary)

BilliG 프로젝트에서 API 통신으로 데이터를 fetching 할 때, 리액트쿼리의 useQuery를 통해 isLoading, isError를 받아와 컴포넌트 내에서 비동기처리 로직을 작성했었다. 이렇게 작성한 코드가 올바른 방법인지에 대해 코치님들께 질문을하였고

2023년 1월 9일
·
1개의 댓글
·
post-thumbnail

React-query 사용 이유와 나의 생각

리액트에서 상태 관리는 굉장히 중요한 부분이다. 그렇기에 Redux, MobX, recoil, jotai 등등... 많은 상태 관리 라이브러리들이 출시되어 사용되어지고 있다. 나는 2차 프로젝트에서 Client-side-state는 Zustand, Server-side

2023년 1월 9일
·
0개의 댓글
·
post-thumbnail

[프리온보딩FE 사전미션] invalidateQueries, useLayoutEffect 사용.

원티드 프리온보딩 사전미션-todolist에서 invalidateQueries, useLayoutEffect 사용 경험 기록.

2023년 1월 4일
·
0개의 댓글
·
post-thumbnail

[리액트쿼리] useQuery (공홈 번역)

공식 홈페이지 문서를 번역한 내용입니다.출처https://tanstack.com/query/v4/docs/guides/queries쿼리는 고유 키에 연결된 데이터의 비동기 소스에 대한 선언적 종속성입니다. 쿼리는 Promise 메서드를 통해(GET, POST

2022년 12월 5일
·
0개의 댓글
·
post-thumbnail

[리액트쿼리] Important Defaults (공홈 번역)

공식 홈페이지 문서를 번역한 내용입니다.출처https://tanstack.com/query/v4/docs/guides/important-defaults리액트 쿼리는 공격적이면서도 온전한 기본값으로 구성되어 있습니다. 때때로 이런 기본값이 새로운 유저를 당황하게

2022년 12월 5일
·
0개의 댓글
·
post-thumbnail

리액트 쿼리가 왜 필요할까? (공홈 번역)

리액트 쿼리가 왜 필요한지. 다른 많은 상태 관리 라이브러리와는 어떤 다른 점이 있는지 공식 홈페이지의 개요를 읽어보며 알 수 있었습니다. 영어로 되어있는 홈페이지 내용을 번역해 보았는데, 좀 더 이해하기 쉬운 방향으로 해석하느라 모든 단어 하나하나를 해석하지는 않았습

2022년 12월 1일
·
0개의 댓글
·
post-thumbnail

[React-Query] 리액트 쿼리를 사용해보자. step 1

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

2022년 11월 30일
·
0개의 댓글
·

[WIL] 실전프로젝트 3주차 중간발표 주간

로그인/회원가입 페이지에서 발견한 세부 오류. 허를 찔린 중간발표 사전 질문들.

2022년 11월 27일
·
0개의 댓글
·
post-thumbnail

Why use React Query?

공식팀은 왜 리액트 쿼리를 사용하였을까?🤔

2022년 10월 26일
·
0개의 댓글
·
post-thumbnail

[React-Query] 리액트 쿼리로 무한스크롤 구현하기

스크린샷 2022-09-11 오후 9.57.46.pnguseInfiniteQuery()다음 쿼리 추적쿼리 결과로 데이터 이외의 페이지 관련 쿼리가 return됨이전 쿼리와 다음 쿼리, 전체 페이지 수를 알려줌react-qeury 개발자도구는 node 노드

2022년 9월 11일
·
0개의 댓글
·
post-thumbnail

React-Query(우아한 세미나 정리)

상태란?상태 관리가 필요한 이유주문 팀의 고민 및 해결React Query 살펴보기3가지 core 컨셉캐싱 및 동기화마무리상태관리하면 떠오르는 것 = 라이브러리 → 추상적라이브러리 = Redux, MobX, Recoil주어진 시간에 대해 시스템을 나타내는 것 → 언제든

2022년 9월 4일
·
0개의 댓글
·