24일) useQuery로 바로 안불러오고 useApolloClient로 axios처럼 원하는 위치에서 data 불러올래요! YUP! react HOOK! code camp FE 6기

그 중, 컴포넌트가 열리면 실행되는 useQuery와 달리 원하는 시점에 실행 해줄 수 있는 useLazyQuery와 axios처럼 원하는 위치에서 받을 수 있게 도와주고 결과 값을 내가 원하는 상자에 담아줄 수 있는 useApolloClient를 알아봤죠! react-form, redux-form, formik, react-hook-form 등... 그 중, 최근에 함수형 컴포넌트에서 가장...

client.query비제어 컴포넌트ajaxauthorizationlocalstoragereact hook form제어 컴포넌트userInfoheadersyupglobalStateusequeryyupResolvercontextuseLazyQueryajax

Poke Docs 만들기 - NextJS, react-query

index.tsx 기본적으로 typescript, eslint, prettier 를 추가하였습니다. <- 문서에 나와있는데로 하면 쉽게 관련 파일과 typescript 를 설치할 수 있습니다. 먼저 pages/index.tsx 를 구성하였습니다. 위에 api 를 호출하면 포켓몬 리스트가 가져와지는것을 볼 수 있습니다. Next에 유용한점을 사용하기 위해 prefetch 를 이용하여 api 를...

staletimenextjsreactqueryreactjsprefetchusequerynextjs

React Query - useQuery 재사용

뭐 직접 axios 같은 것을 호출해서 useState 를 업데이트 하기도 하고 좀 더 고급진 방법으로는 redux 와 같은 상태관리 라이브러리 내에서 미들웨어를 통해서 api 를 호출하고 그 결과를 store에 담아서 사용하고 등등 많은 방법이 있었다. 이건 굳이 내가 쓰지 않아도 공식문서나 그런 고셍 보면 잘 나와있다. 보통 get 방식의 api 값을 가져다 쓸 수 있게 해준다. 내가 원...

useQuery 캐싱reactqueryuseQuery 재사용usequeryreactquery