在推特上搜了一下自己的项目发现居然不少人有在讨论

[iliaoliao]

看了这个主题 这个小项目，上周被国外 AI 新闻网站报道，前些天又上了 github 热榜，也想分享我的开源项目 react-query-kit。虽然这个库的源码非常简单，打包后仅占用半个 kb 的大小，但在 TypeScript 类型推断方面做了很多工作。

react-query 是一个强大的前端请求缓存库，但在我在公司的一些大型项目中使用时遇到了一些痛点。因此，我创建了这个库来解决这些问题。我相信很多人都会遇到类似的问题，因此在去年底，我将代码开源了。最近，我在 Twitter 上搜索时发现还有很多人在谈论这个库，甚至 react-query 的作者也在推荐它，瞬间那种被认同感就上头了。

由于我没有在国内推广过，目前这个库的点赞主要来自海外用户，已经获得了 100 多个 star 。如果你正在使用 react-query ，你可以尝试使用 react-query-kit 来提高开发体验。

项目地址 https://github.com/liaoliao666/react-query-kit

twiter 截图

该项目一个用于 ReactQuery 的工具包，它能使 ReactQuery 更易复用和类型安全。旨在创建一个 ReactQuery hook 像创建一个函数容易。下面是一个基础例子

type Response = { title: string; content: string }
type Variables = { id: number }

const usePost = createQuery<Response, Variables, Error>({
  primaryKey: '/posts',
  queryFn: ({ queryKey: [primaryKey, variables] }) => {
    // primaryKey 相等于 '/posts'
    return fetch(`${primaryKey}/${variables.id}`).then(res => res.json())
  },
  // 如果你只想在有id时且没有数据时请求，可以这么设置
  enabled: (data, variables) => !data && variables.id,
  suspense: true,
   // 你也可以通过 useDefaultOptions 传入默认选项
  useDefaultOptions: () => {
    const { id } = useSomething()
    return {
      variables: { id }
    }
  }
})

[alne]

也不用这样硬推吧

[ae86]

你一不贴 twitter 链接， 二不讲下解决了什么痛点，直接贴个仓库链接，反感+++++++++

[Jaosn]

现在这种文分有点《如何评价 xxx 》内味了

[iliaoliao]

@alne @ae86
因为是 ReactQuery 的一个衍生库，我在文章中说解决什么痛点在大部分没有用的人怎么也感知不到，感兴趣的人在项目 readme 中就可以看到解决什么痛点了。

@Jaosn 我的文笔不大行，有点太官方了