[TanStakQuery] 설치(Installation)

NPM 또는 unpkg.com로부터 good ol' <script>를 통해 React Query를 설치할 수 있습니다.

NPM

$ npm i @tanstack/react-query
# or
$ pnpm add @tanstack/react-query
# or
$ yarn add @tanstack/react-query

React Query는 React v16.8+와 호환되며 ReactDOM, React Native와 함께 작동합니다.

"다운로드하기 전에 사용해보고 싶으신가요? 간단한 예제나 기본 예제를 사용해 보세요!"

CDN

모듈 번들러 또는 패키지 관리자를 사용하지 않는 경우, unpkg.com CDN에서 호스팅되는 글로벌("UMD") 빌드도 있습니다. HTML 파일 하단에 다음 <script> 태그를 추가하기만 하면 됩니다:

<script src="https://unpkg.com/@tanstack/react-query@4/build/umd/index.production.js"></script>

이 기능을 추가하면 window.ReactQuery object와 exports에 접근할 수 있습니다.

"이 설치/사용을 위해서는 페이지에 React CDN script bundles가 있어야 합니다."

Requirements

React Query는 최신 브라우저에 최적화되어 있습니다. 다음 브라우저 구성과 호환됩니다

Chrome >= 73
Firefox >= 78
Edge >= 79
Safari >= 12.0
iOS >= 12.0
opera >= 53

"환경에 따라 polyfills를 추가해야 할 수도 있습니다. 구형 브라우저를 지원하려면 node_modules에서 라이브러리를 직접 트랜스파일해야 합니다."

Recommendations

또한 ESLint Plugin Query를 사용하여 코딩하는 동안 버그와 불일치를 발견하는 것이 좋습니다. 다음을 통해 설치할 수 있습니다:

$ npm i -D @tanstack/eslint-plugin-query
# or
$ pnpm add -D @tanstack/eslint-plugin-query
# or
$ yarn add -D @tanstack/eslint-plugin-query

Reference

• Installation | TanStack Query Docs