# React Query

React Query 是用於 React 應用程式中用於查詢資料與管理狀態的 library；傳統的狀態管理 library 都能夠很好的運行在客戶端 但在同步資料或伺服端則不太好，主要是兩者的狀態不太一樣。

伺服狀態：
遠端儲存需要透過 非同步 API 請求來取得資料或更新資料，這也意昧著其他人也可以操作資料。

一但掌握了伺服端的狀態，也會跟著有其他問題需要考量，比方 caching

React Query 可以幫助解決伺服問題，擁有以下優勢：

* 簡單的拿取資料
* 自動快取
* 支援更新資料
* 分頁和無限滾動
* 即時更新

### 主要概念

* Queries
透過 React Query 提供的 `useQuery` 獲取資料。

* Mutations
使用 React Query 中提供的 `useMutation` 用來執行資料操作進行創建、更新或刪除。除了可以將資料操作與查詢行為分開，也能夠處理異步操作或錯誤處理。

* Query Invalidation
當資料發生變化時，自動使查詢失效並重新獲取資料的過程。React Query 內建自動查詢失效與重新獲取機制，使資料能保持最新。