react-query
-
냅다 시작하는 리액트 쿼리 (SSR편)React.js & Next.js 2022. 12. 31. 21:05
$ npx create-next-app test --typescript $ yarn add @tanstack/react-query _app.tsx import React from 'react'; import type { AppProps } from 'next/app'; import { Hydrate, QueryClient, QueryClientProvider } from '@tanstack/react-query'; function MyApp({ Component, pageProps }: AppProps) { const [queryClient] = React.useState(() => new QueryClient()); return ( ); } export default MyApp; hydration에 대..
-
냅다 시작하는 리액트 쿼리 (개념편)React.js & Next.js 2022. 12. 31. 19:44
들어가며 대부분의 예제는 이전에 작성한 글의 함수 및 흐름을 그대로 사용하였습니다. 냅다 시작하는 리액트 쿼리 (예제편) 냅다 시작하는 리액트 쿼리 (예제편) $ npx create-next-app test --typescript $ yarn add axios @tanstack/react-query _app.tsx // 🗂/pages/_app.tsx import React from 'react'; import type { AppProps } from 'next/app'; import { QueryClient, Query junheedot.tistory.com 목차 Query Basics Query Keys Query Functions Query Client Query Basics 쿼리는 쿼리의 고유키에 ..
-
냅다 시작하는 리액트 쿼리 (예제편)React.js & Next.js 2022. 12. 27. 21:53
냅다 시작하는 리액트 쿼리 (예제편) $ npx create-next-app test --typescript $ yarn add axios @tanstack/react-query _app.tsx // 🗂/pages/_app.tsx import React from 'react'; import type { AppProps } from 'next/app'; import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; function MyApp({ Component, pageProps }: AppProps) { const [queryClient] = React.useState(() => new QueryClient()); return ( )..