跳到内容

State of React 2025

数据加载

用于加载和管理数据的实用工具。

数据加载随时间变化趋势

TanStack Query 可能还不是最广泛使用的数据加载库，但它在拥有最高满意度比率的同时迅速攀升，使其成为一个轻松的选择。
Apollo Client
Relay
RTK Query
SWR
TanStack Query
tRPC
Axios

模式:

视图:

使用度:

使用过某个项目的受访者比例
0%
20%
40%
60%
80%
100%
2023
2024
2025
0%
20%
40%
60%
80%
100%

项目数量

受访者使用过此类别中的多少项目。
0%
6%
12%
18%
25%
31%
1
0
1,152
2
1
412
3
2
770
4
3
695
5
4
474
6
5
190
7
6
56
8
7
11
0%
6%
12%
18%
25%
31%
调查对象百分比
1.9

其他数据加载工具库

原生 fetch 函数在紧要关头仍然能完成工作！
您还使用了哪些其他库进行数据加载？
(自由提问)
多选
0%
20%
40%
60%
80%
100%
1
2
oRPC
3
-1
4
+1
5
其他答案
0%
20%
40%
60%
80%
100%
受访者百分比
157
4%
5

数据加载痛点

缓存是那些听起来很简单的事情之一（只要在某些东西改变时更新缓存，对吧？），但在实践中掌握起来总是相当棘手。在客户端加载和管理数据时，这无疑是一个令人担忧的问题。
您在数据加载方面遇到了哪些痛点？
(自由提问)
多选
0%
20%
40%
60%
80%
100%
1
Caching issues
2
Data loading issues
3
React issues
4
Excessive complexity
+2
5
6
状态管理 （useState, Redux, Context, 等等。）
-6
7
Configuration
+4
8
9
其他答案
0%
20%
40%
60%
80%
100%
受访者百分比
102
3%
5

资源推荐

React Performance, v2
Steve Kinney
Temporal

React Performance, v2

Ship high-performance React applications! Leverage React 19's performance strategies for hydration, suspense, resource loading, and server actions. Reinforce time-tested best practices for memoization, virtualization, and code splitting.
Client-Side GraphQL with React, v2
Scott Moss
Netflix

Client-Side GraphQL with React, v2

Use type-safe GraphQL APIs in your React applications. Learn the GraphQL Query Language and write queries and mutations while building a data layer with the Urql GraphQL client.
感谢合作伙伴对我们的支持! 了解更多。