[React Query 공식문서] React Query 설치 (npm or cdn)

React Query는 React 애플리케이션에서 서버 상태를 관리하는 데 유용한 라이브러리입니다.

이 라이브러리는 React v18 이상과 호환되며, ReactDOM 및 React Native와 함께 사용할 수 있습니다.

React Query를 설치하고 사용해 보세요!

 

NPM을 통한 설치

React Query를 NPM을 통해 설치할 수 있습니다. 아래 명령어 중 하나를 사용하여 설치하세요

 

npm i @tanstack/react-query

 

또는

 

pnpm add @tanstack/react-query

또는

 

yarn add @tanstack/react-query

또는

 

bun add @tanstack/react-query

CDN을 통한 설치

모듈 번들러나 패키지 관리자를 사용하지 않는 경우, ESM.sh와 같은 ESM 호환 CDN을 통해 React Query를 사용할 수 있습니다. HTML 파일의 하단에 다음 <script type="module"> 태그를 추가하세요:

JSX 없이 React를 사용하는 방법에 대한 지침은 여기에서 확인할 수 있습니다.

 

요구 사항

React Query는 최신 브라우저에 최적화되어 있으며, 다음 브라우저에서 호환됩니다:

• Chrome >= 91
• Firefox >= 90
• Edge >= 91
• Safari >= 15
• iOS >= 15
• Opera >= 77

구형 브라우저를 지원하려면, 환경에 따라 폴리필을 추가해야 할 수 있으며,

node_modules에서 라이브러리를 직접 트랜스파일해야 할 수도 있습니다.

 

추천 사항

코드 작성 중 버그와 불일치를 잡아내기 위해 ESLint 플러그인인 Query를 사용하는 것이 좋습니다.

아래 명령어 중 하나를 사용하여 설치하세요

 

npm i -D @tanstack/eslint-plugin-query

또는

 

pnpm add -D @tanstack/eslint-plugin-query

또는

 

yarn add -D @tanstack/eslint-plugin-query

또는

 

bun add -D @tanstack/eslint-plugin-query

 

이제 React Query를 설치하고 사용해 보세요! 간단한 예제나 기본 예제를 통해 기능을 시험해 볼 수 있습니다.