311 - 《Thinking in React Query》
发布于 2023年6月13日
React Query 维护者 TkDodo 在 React Summit 分享了 Thinking in React Query | TkDodo’s blog,本文是阅读笔记。
1、作者参与 React Query 的方式是先从回答 React Query 的问题开始,然后发现,如果你帮他们解问题,除了收获感激之外,他自己也能从中学到很多。随着参与的深入,TkDodo 成为了目前 React Query 最主要的维护者。
2、作者先是教了大家如何系鞋带。大多数人不知道系鞋带的方式有正确和错误之分。两种方式乍一看非常相似,但一个结很稳定,另一个结会随着你的行走而松开。这是一个小小的区别,可能会改变你的生活。对于 React Query 来说,也是如此。一些小的概念,会影响你对 React Query 的使用。Small Change,Big Impact。
3、作者分享了三个对于 React Query 来说的重要思路,掌握这些,可以让你更好地使用 React Query,同时也不会提出低级问题。1)React Query 不是请求库,2)StaleTime 是你的好朋友,3)把参数当做依赖。
4、第一条是「React Query 不是请求库」,那是什么?官网的答案是「An Async State Manager」,异步状态管理器。useQuery 通过 queryFn 声明数据源,而提供给 queryFn 的只要是 fulfilled 或 rejected 的 Promise 即可,背后是啥请求库 React Query 并不关心。所以,可以用 axios、fetch、graphql 等请求库,因为他们都支持返回 Promise。
useQuery({