React-Query

tanstack中的react-query和SWR使用及对比

TanStackQueryvsSWR深度对比与最佳实践目录概述核心概念对比TanStackQuery详解TanStackQuery缓存机制SWR详解SWR缓存机制性能对比分析使用场景选择最佳实践迁移指南概述在现代React应用开发中，数据获取和状态管理是核心需求。TanStackQuery（原ReactQuery）和SWR是两个最流行的数据获取库，它们都提供了缓存、重新验证、错误处理等功能，但在设
若梦plus·2025-07-25 00:49

如何使用Zustand与React-Query优化状态管理与API请求

如何使用Zustand与React-Query优化状态管理与API请求背景简介在现代前端应用开发中，状态管理与API请求处理是两个重要的组成部分。
想法臃肿·2025-06-02 02:24

React Query 实战教程：在 React 中如何优雅的管理接口数据状态？

在React项目中，有不少成熟的Hook能够让开发者管理整个请求过程中的数据和状态，例如axios-hooks、use-http、react-query、swr甚至ahook中提供的useRequest
乐闻x·2023-12-29 12:38

tanstack/react-query使用手册

1.useQueryuseQuery的使用一、data是后端成功返回的数据，第一次的值为undefined二、isLoading是指数据是否正在加载的状态，通常用于判断请求是否还在进行中。当isLoading为true时，表示数据正在加载中，当isLoading为false时，表示数据加载完成。三、isFetching是指数据是否正在进行更新的状态，通常用于判断数据是否正在进行更新操作，比如重新加
怕冷的火焰（~杰）·2023-12-05 08:12

react-query(@tanstack/react-query)使用

//isPending代表接口调用状态，false表示已完成const{isPending,mutate}=useMutation({mutationFn:async(newData)=>insertNewData(newData),onSuccess:()=>{queryClient.invalidateQueries({queryKey:['repoData']});},onError:(er
怕冷的火焰（~杰）·2023-12-01 05:21

react-query管理服务端缓存

一.前因后果React-Query是一个基于hooks的数据请求库。React-Query中的Query指一个异步请求的数据源。
盼一族·2023-11-09 11:41

解决react状态管理---React Query

什么是ReactQueryreact-query是一个适用于reacthooks的请求库，它可以为任何类型的异步数据提供React状态管理功能，使React中的获取、缓存、同步和更新服务器数据变得轻而易举react-query
LH_R·2023-10-12 03:14

使用 Vite + 前端框架 (SolidJs,React,Svelte,Vue) 来开发 油猴脚本

solid-ts的项目vite-plugin-monkey让开发油猴脚本和开发web项目一样，拥有模块热替换,秒启动等等功能,开发体验非常不错.代码安装hope-ui与tanstack-query(原名react-query
xxxxxue·2023-10-06 10:32

使用React-Query解决接口请求

使用React-Query解决接口请求前言如果你平常会写前后端交互的react页面，那你一定写过这样的代码.functionApp(){const[data,updateData]=useState(null
尘缘..·2023-09-20 06:36

【实战】React17+React Hook+TS4 最佳实践，仿 Jira 企业级项目（总结展望篇）

用户认证与异步请求五、CSS其实很简单-用CSS-in-JS添加样式六、用户体验优化-加载中和错误状态处理七、Hook，路由，与URL状态管理八、用户选择器与项目编辑功能九、深入React状态管理与Redux机制十、用react-query
程序边界·2023-09-08 10:00

【实战】十二、自动化测试 —— React17+React Hook+TS4 最佳实践，仿 Jira 企业级项目（二十九）

用户认证与异步请求五、CSS其实很简单-用CSS-in-JS添加样式六、用户体验优化-加载中和错误状态处理七、Hook，路由，与URL状态管理八、用户选择器与项目编辑功能九、深入React状态管理与Redux机制十、用react-query
程序边界·2023-09-04 23:17

【实战】十一、看板页面及任务组页面开发（六） —— React17+React Hook+TS4 最佳实践，仿 Jira 企业级项目（二十八）

用户认证与异步请求五、CSS其实很简单-用CSS-in-JS添加样式六、用户体验优化-加载中和错误状态处理七、Hook，路由，与URL状态管理八、用户选择器与项目编辑功能九、深入React状态管理与Redux机制十、用react-query
程序边界·2023-09-03 21:35

【实战】十一、看板页面及任务组页面开发（五） —— React17+React Hook+TS4 最佳实践，仿 Jira 企业级项目（二十七）

用户认证与异步请求五、CSS其实很简单-用CSS-in-JS添加样式六、用户体验优化-加载中和错误状态处理七、Hook，路由，与URL状态管理八、用户选择器与项目编辑功能九、深入React状态管理与Redux机制十、用react-query
程序边界·2023-08-28 18:16

【实战】十一、看板页面及任务组页面开发（四） —— React17+React Hook+TS4 最佳实践，仿 Jira 企业级项目（二十六）

用户认证与异步请求五、CSS其实很简单-用CSS-in-JS添加样式六、用户体验优化-加载中和错误状态处理七、Hook，路由，与URL状态管理八、用户选择器与项目编辑功能九、深入React状态管理与Redux机制十、用react-query
程序边界·2023-08-25 18:50

【实战】十一、看板页面及任务组页面开发（二） —— React17+React Hook+TS4 最佳实践，仿 Jira 企业级项目（二十四）

用户认证与异步请求五、CSS其实很简单-用CSS-in-JS添加样式六、用户体验优化-加载中和错误状态处理七、Hook，路由，与URL状态管理八、用户选择器与项目编辑功能九、深入React状态管理与Redux机制十、用react-query
程序边界·2023-08-22 18:26

【实战】十一、看板页面及任务组页面开发（三） —— React17+React Hook+TS4 最佳实践，仿 Jira 企业级项目（二十五）

用户认证与异步请求五、CSS其实很简单-用CSS-in-JS添加样式六、用户体验优化-加载中和错误状态处理七、Hook，路由，与URL状态管理八、用户选择器与项目编辑功能九、深入React状态管理与Redux机制十、用react-query
程序边界·2023-08-22 18:25

【实战】十、用 react-query 获取数据，管理缓存（下） —— React17+React Hook+TS4 最佳实践，仿 Jira 企业级项目（二十二）

用户认证与异步请求五、CSS其实很简单-用CSS-in-JS添加样式六、用户体验优化-加载中和错误状态处理七、Hook，路由，与URL状态管理八、用户选择器与项目编辑功能九、深入React状态管理与Redux机制十、用react-query
程序边界·2023-08-17 00:05

【实战】十一、看板页面及任务组页面开发（一） —— React17+React Hook+TS4 最佳实践，仿 Jira 企业级项目（二十三）

用户认证与异步请求五、CSS其实很简单-用CSS-in-JS添加样式六、用户体验优化-加载中和错误状态处理七、Hook，路由，与URL状态管理八、用户选择器与项目编辑功能九、深入React状态管理与Redux机制十、用react-query
程序边界·2023-08-17 00:35

React-Query：啥都没干，就被淘汰了？

作为前端缓存库中的佼佼者，React-Query一直拥有大量受众，官方推出的React-Query课程都卖出了8w+份。但就是这样一款能打的产品，居然有被淘汰的风险，这究竟是为什么？
·2023-06-07 04:07

某些场景下建议vue query代替pinia原理解析

使用react的同学应该对swr、react-query、ahooks的useRequest（前两者的模仿）并不陌生，这些是专门用来处理数据请求的,能够帮助你处理得到的数据、loading、error，
·2023-03-29 01:16

react-query系列一——基础及useQuery使用

为什么要写这篇文章公司业务使用react-query，但目前只停留在“能用”的阶段，离真正会用并且灵活使用API还有很长距离react-query介绍react-query是React数据获取（date-fetch
wangxiang2020·2023-03-25 02:37

Promise解决实际问题

此场景，解决办法也有很多，例如loading效果，或者使用react-query库。
Poppy11·2023-03-17 21:37

ReactQuery系列之数据转换示例详解

目录引言数据转换后端查询函数中render函数中使用select配置引言欢迎来到“关于react-query我不得不说的一些事情”的第二章节。
·2022-11-12 13:26

ReactQuery系列文章- 2. 数据转换

欢迎来到“关于react-query我不得不说的一些事情”的第二章节。随着我越来越深入这个库以及他的社区，我发现一些人们经常会问到的问题。
·2022-10-22 16:10

react-query手把手教程②-深入查询键及查询函数

目录入门react-query已于2022-06-04更新深入查询键及查询函数已于2022-06-08更新并行请求及依赖请求已于2022-06-19更新查询结果缓存状态与调试工具已于2022-06-23
·2022-06-23 09:36

react-query手把手教程①-入门react-query

入门react-query写在前面由于国内较少有比较系统的react-query教程，因此笔者结合官方文档以及官方课程的内容，希望写一个较为全面的教程。
·2022-06-23 09:35

react-query手把手教程④-缓存状态与调试工具

缓存状态与调试工具写在前面由于国内较少有比较系统的react-query教程，因此笔者结合官方文档以及官方课程的内容，希望写一个较为全面的教程。
·2022-06-23 09:33

react-query手把手教程③-并行请求及依赖请求

并行请求及依赖请求写在前面由于国内较少有比较系统的react-query教程，因此笔者结合官方文档以及官方课程的内容，希望写一个较为全面的教程。
·2022-06-20 00:08

React Hook学习笔记

yarnaddqsemtion:cssinjs库之一craco:自主定义package.json中的脚本,npmruneject的替代方案craco-lessdayjs处理日期格式##momentjs已经停止维护react-query
·2022-05-29 23:28

react简单入门--常用hook中useQuery（react-query）的使用

前言：在项目中，我们往往需要香后端发起请求，而在函数组件中，如果直接用axios或者fetch的话，拿到的数据要渲染到UI上，往往是不方便的，所以需要引入react-query，来满足我们增删改查的基本操作一
Poker_旭·2022-05-21 19:11

React-Query学习及实践总结

文章目录前言一、react-query能干嘛？
Creabine·2022-05-19 19:33

React 数据共享useContext的实现

采用的是Nextjs、styled-components、useContext、react-query、ts今天不做重点介绍项目，还是说说在项目中碰到的问题。
·2022-05-16 11:13

React 进阶之 React Query 视频实战教程（6 个视频）

React进阶之ReactQuery视频实战教程（6个视频）https://github.com/tannerlinsley/react-query这个库的实战教程React进阶之ReactQuery视频实战教程
求知久久编程学院·2022-02-13 09:23

React-query高效封装进阶高级向技巧（向模板代码说No/内含学习路线）

前言本文为react-query进阶高级技巧，适合对react-query已经熟练使用的人，关于react-query基础内容本文将不会再提，高阶读友可放心阅读。
萌信·2021-09-04 14:12

vu-query: 目前vue3最好用的请求缓存库

直到今年换了react的技术栈之后发现其实社区已经有了很多这种轮子，例如react-query、swr等等。
·2021-02-20 12:27

vu-query: 目前vue3最好用的请求缓存库

直到今年换了react的技术栈之后发现其实社区已经有了很多这种轮子，例如react-query、swr等等。
·2021-02-20 11:36
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他