프로그래밍/React-Query

[React Query] v4 버전 릴리즈 노트 정리 React Query가 v4 버전으로 업데이트되었다. 회사 프로젝트에서도 v4로(v3.39.2 → 4.24.6) 마이그레이션 하게 되었는데, 그 과정에서 달라진 점을 정리해 보았다. Codemod 마이그레이션을 도와주는 Codemod 가 있음 The codemod is a best efforts attempt to help you migrate the breaking change. Please review the generated code thoroughly! Also, there are edge cases that cannot be found by the code mod, so please keep an eye on the log output. js..

[React Query] 전역 상태로 사용하기 React Query를 Redux처럼 전역상태관리 용도로 사용할 수 있다. HOW? 상위 레벨 컴포넌트에서 queryClient.setQueryData()로 데이터를 set하고, 해당 데이터가 필요한 (자식) 컴포넌트에서 queryClient.getQueryData()로 사용하면 된다. 예시 // QueryKey.ts: 쿼리키 상수화(프로젝트 정책에 따라) export const headersQueryKey = ["HeadersData"]; // index.tsx const queryClient = new QueryClient(); const reqHeaders = getRequestHeader(headers); queryClient.setQueryData(..