橙子堆_OrangeHeap

本文主要讲述了如何使用react-query在自动化测试中请求数据，并对基于react-query封装的hooks进行测试...

本篇文章主要介绍了在使用useQuery钩子时，应该如何结合typescript对相关数据进行类型定义。...

本文主要讲述了在next.js框架中，如何使用react-query进行服务端渲染，介绍了hydration及initialData的两种用法...

本文主要讲述了如何使用react-query中select配置项来优化渲染次数。从而提升整体应用的性能，防止页面有卡顿的现象发生...

本文主要讲述了如何在react-query中结合react原生的Suspense组件对于异步请求加载状态的处理。...

本文主要介绍了在react-query中如何结合websocket来控制前端实时进行数据更新，无需使用轮询。...

本文主要介绍了如何在graphql中使用react-query，并介绍了如何结合graphql-request库来请求graphql数据...

本文主要介绍了react-query在无限加载数据中的应用，以及使用useInfiniteQuery钩子的相关技巧...

本文主要讲述了react-query在分页场景中的应用方法，并且着重介绍了使用keepPreviousData属性以及预加载数据来提升分页的用户体验...

本文主要讲述了如何使用乐观更新，来避免为用户展示loading动画，提升用户使用页面时的体验。演示了常规更新与乐观更新的不同之处...

本文介绍了如何通过react-query进行更新数据操作，通过对于useMutation来更新后端数据以及其相关属性的使用...

本文介绍了如何使用placeholderData及initialData提升用户体验，同时详细讲述了配合initialDataUpdatedAt及staleTime更加精准...

本文主要介绍了如何在react中封装一个eventlistener的hooks，详细讲述了相关代码实现的原理...

本文主要讲述如何在react-query中获取当前查询正在进行获取后端数据的网络请求操作，并且阶段性的总结了react-query的技术要点...

本文主要讲述了react-query中如何监听接口取消请求事件及其原理。并介绍了使用queryClient.cancelQueries来手动触发取消接口...

本章节主要讲述了react-query中查询过滤器的默认匹配规则，以及如何设置精确匹配及根据数据状态及查询类型的匹配参数。...

本章主要讲述react-query如何自动更新查询数据和在特殊条件下如何手动更新查询数据的方法。包括refetchQueries及invalidateQueries的区别...

通常为了弄清楚一个概念，我们需要掌握十个概念。在判断 JWT (Json Web Token) 是否能代替 session 管理之前，我们要了解什么是 token，以及 a...

本篇文章将会为大家讲述如何监测当前用户在页面上是否处于活跃状态，并且分析了react-use库中useIdle钩子的实现方法...

本文将会介绍通过浏览器中的navigator.language属性来获取当前浏览器的语言类型，从而确定当前需要给用户默认展示的语言。同时介绍了在react及vue中的实际应...