AI Briefing#react-query
#react-query와 관련된 AI·개발 뉴스를 최신순으로 모았습니다. 원문 출처와 한국어 요약을 함께 확인할 수 있습니다.
#react-query와 관련된 AI·개발 뉴스를 최신순으로 모았습니다. 원문 출처와 한국어 요약을 함께 확인할 수 있습니다.
항공 프론트엔드 구축 시 전역 상태 라이브러리를 도입하지 않고 React Query와 URL 상태로 상태를 관리한 경험담이다.
Sentry 대신 200줄짜리 자체 에러 추적기를 만들어 운영 가시성을 확보했다.
올리브영이 기존 JSP 기반 기획전 시스템을 Next.js로 전환하며 직면한 렌더링 이슈와 해결 방법을 공유한다.
CSR 환경에서 Suspense 사용 시 발생하는 순차적 API 호출 문제를 해결하여 성능을 약 30% 개선했다.
React Query의 useInfiniteQuery와 Intersection Observer를 사용하여 효율적인 무한 스크롤을 구현하는 방법을 소개한다.
QueryClient, QueryCache, QueryObserver의 상호작용과 useSyncExternalStore를 활용한 서버 상태 변경 시 컴포넌트 리렌더링 메커니즘을 분석한다.
OAS를 기반으로 React Query, Type Guard, Schema Validator를 자동 생성하는 도구의 구현 과정을 소개한다.
뷰티 컬리가 Redux에서 React Query로 전환해 필터 적용 시 상품 선택 위치를 평균 32위에서 19위로 개선했다.
카카오페이 FE인프라TF가 React Query의 Suspense 옵션을 활용해 선언형 컴포넌트 아키텍처를 도입했다.
서버 데이터 의존도가 높은 구독 서비스의 상태 관리 복잡도를 낮추기 위해 React Query v3.34.0을 적용한 경험을 공유했다.
카카오페이는 Redux의 장황한 Boilerplate 문제를 해결하고 비동기 데이터 관리를 효율화하기 위해 React Query를 도입했다.
Redux의 비동기 처리 한계를 분석하고, SWR과 React Query를 활용한 Server State 관리법과 주요 기능 차이를 비교한다.
카카오엔터테인먼트 개발자가 React Suspense를 활용해 비동기 데이터 fetching 시 발생하는 경쟁 상태와 Waterfall 문제를 해결하는 방법을 소개했다.