play with react-query

react-query 是一个轻量级的状态管理工具,注重于解决异步请求数据的缓存问题,相比于使用 redux 来管理请求数据的状态/缓存,react-query 更加轻便简单,只需要使用 useQuery 就可以自动实现数据的缓存和管理, 还可以使用 useIsFetching 来监听全局加载状态

解决什么问题

  • 缓存请求的数据
  • 将多个重复请求合并成一个,避免多余的网络开销
  • 自动更新过期缓存数据
  • 知道什么时候缓存数据过期了
  • 快速更新缓存数据
  • 管理服务端状态的内存/垃圾回收
  • 结构化存储请求的数据,根据 key-value 取值