reactquery

React-Query 장점 중의 하나였던 캐싱이야기를 해보려고합니다. 캐싱을 이야기 전에 알아두면 좋을 tool이 있습니다. 바로 ReactQueryDevtools 이라는 것으로 데이터가 fetching 되고 그 상태값이라던가 내부 내용을 자세히 볼 수 있게 도와주는 tool입니다. react query 라이브러리에서 제공하는 강력한 도구입니다. ▶ ReactQueryDevtools 사용법 import { ReactQueryDevtools} from 'react-query/devtools'; //이렇게 import 합니다 function App() { return ( ); } 아래와 같이 화면 하단 오른쪽에 뜬 버튼을 보실 수 있어요. 클릭을 하면 오른쪽 화면처럼 뜹니다. tools 안에서 fresh ,..

React-Query React app에서 비동기 로직을 쉽게 다루게 해주는 data fetching 라이브러리입니다. "전역 상테"를 건드리지 않고도 React 및 React-Native 앱에서 서버의 값을 클라이언트에 가져오고 캐시하고 업데이트할 수 있습니다. 이것을 사용하면 서버 상태의 까다로운 문제와 장애물을 극복하고 앱 데이터가 사용자를 제어하기 시작하기 전에 앱 데이터를 제어할 수 있습니다. 사용하는 이유 서버로 부터 값을 가져오거나 업데이트를 하는 로직을 store 내부에 개발하는 경우가 많습니다. 그러다보면 store는 클라이언트 state를 유지해야하는데, 어느 순간부터 서버 데이터와 클라이언트 데이터가 공존하게 됩니다.(redux가 그러함..) 이런 부분을 분리해서 사용하기 위해서 씁니..