メインコンテンツにスキップ

Data Loading

Utilities for loading and managing data

Data Loading Ratios Over Time

TanStack Queryは、データフェッチ用ライブラリとしてまだ最大手とは言えないかもしれませんが、急速にシェアを伸ばしており、かつ満足度でもトップを誇っているという事実は、これを選択肢に入れる十分な理由になります。
Apollo Client
Relay
RTK Query
SWR
TanStack Query
tRPC
Axios

モード:

表示:

利用率:

Proportion of respondents having used an item
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%
%の質問回答数

Other Data Loading Libraries

標準のfetch関数だけでもいざという時に十分に対応できます!
What other libraries have you used for data loading?
Freeform
Multiple
0%
20%
40%
60%
80%
100%
1
3
-1
4
+1
5
その他の回答
0%
20%
40%
60%
80%
100%
回答数に占める割合(%)

Data Loading Pain Points

キャッシュは「何かが変わった時にキャッシュを更新すればいいだけ」と、一見単純に聞こえますが、実際に使いこなそうとすると常に難しさがつきまとうものです。クライアントサイドでのデータローディングや管理に関しては、たしかな懸念事項です。
What pain points have you encountered related to data loading?
Freeform
Multiple
0%
20%
40%
60%
80%
100%
1
Caching issues
2
Data loading issues
3
React issues
4
Excessive complexity
+2
5
6
State management (useState, Redux, Context, etc.)
-6
7
Configuration
+4
8
9
その他の回答
0%
20%
40%
60%
80%
100%
回答数に占める割合(%)

おすすめのリソース

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.
パートナーのサポートに感謝しています! 詳細をみる。