文件名称:react-query-blog-demo:我用来教 React Query 研讨会的示例 repo
文件大小:129KB
文件格式:ZIP
更新时间:2024-08-12 15:43:50
workshop react-query JavaScript
这是什么? 这是一个示例 repo,展示了从简单的基于钩子的应用程序到 React Query,避免了通常发生的所有“全局状态”疯狂! main分支包含我们开始的初始代码 with-react-query分支包含我们在添加react-query后结束的代码 当前在 repo 中打开的 #2 PR 显示了两者之间的变化 挑战 将用于获取数据的自定义钩子转换为useQuery 实现每屏后台获取指标 将用于创建/更新/删除的自定义钩子转换为使用useMutation 配置突变以自动使相关查询无效 对突变实施乐观更新 使用queryCache.prefetchQuery或在悬停时预取单个帖子 使用initialData显示从父posts查询中提取的各个帖子的占位符内容 删除每个屏幕的后台抓取指标,而是构建一个全局重新抓取指标 使用react-query/hydration API 将缓存脱
【文件预览】:
react-query-blog-demo-main
----pages()
--------_app.js(751B)
--------_document.js(1KB)
--------404.js(371B)
--------api()
--------index.js(46B)
----.eslintrc(225B)
----.gitattributes(66B)
----public()
--------favicon.ico(15KB)
--------zeit.svg(794B)
----db()
--------index.js(363B)
----yarn.lock(288KB)
----next.config.js(1KB)
----src()
--------components()
--------screens()
--------hooks()
--------index.js(1KB)
----.babelrc(68B)
----utils.js(93B)
----.prettierrc(43B)
----README.md(2KB)
----.gitignore(362B)
----package.json(1KB)
----store.json(1KB)