ข้ามไปยังเนื้อหา

State of React 2023

Data Loading

Utilities for loading and managing data

Data Loading Experience & Sentiment

TanStack Query has been making waves for a while now, and it turns out its reputation is reflected in the data since it's the data loading method respondents felt the most positive about, right after the native fetch API.

จัดกลุ่มตาม:

จัดเรียงตาม:

1

86.8%
8%
5.2%
9,767
2

52.2%
25.9%
21.9%
9,780
3

41.8%
42.8%
15.4%
9,812
4

28.8%
40.3%
30.8%
9,758
5

18.5%
35.1%
46.4%
9,764
6

15.2%
46.4%
38.4%
9,738
7

5.6%
53.1%
41.4%
9,768

Experience

  • Used it: Respondents who have used an item.
  • Heard of it: Respondents who have heard about an item, but haven't used it.
  • Never heard of it: Respondents who have never heard about an item.

Sentiment

  • Positive: Respondents who are interested in learning more about a technology; or are willing to use it again.
  • Neutral: Responents who did not indicate any sentiment about a technology.
  • Negative: Respondents who are not interested in learning more about a technology; or have used it and had a negative experience.
“Used” average:36%
“Positive” average:29%
“Negative” average:13%

Other Data Loading Libraries

0%
20%
40%
60%
80%
100%
1

669
2

58
3

23
4

22
5

15
6

farfetched

12
7

11
8

10
9

10
10

10
11

คำตอบอื่นๆ

170
0%
20%
40%
60%
80%
100%
% ของผู้ตอบคำถาม
913
7%
What other libraries have you used for data loading?
We asked members of the React community to share their “pick of the year”

My 2023 Pick: Instant Search Params with React Server Components

This blog post goes through a problem you would must likely encounter when building a proper app with the Next.js App Router: handling search params. It’s surprisingly hard to make interactions behave “perfectly”, and the post end with the solution: useOptimistic. It also teaches you about transitions with lots of sandbox demos.
We asked members of the React community to share their “pick of the year”

Aurora Scharff

Web developer and consultant at Inmeta

Data Loading Pain Points

0%
20%
40%
60%
80%
100%
1

Caching

2

State management

3

Error handling

4

Apollo issues

5

6

Excessive complexity

7

8

9

10

คำตอบอื่นๆ

คำตอบที่ตรงกับ “คำตอบอื่นๆ” 271
0%
20%
40%
60%
80%
100%
% ของผู้ตอบคำถาม
303
2%
What pain points have you encountered related to data loading?
แบบอิสระ

แหล่งข้อมูลที่แนะนำ

Client-Side GraphQL with React, v2
Scott Moss
Superfilter AI

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.
ขอบคุณพันธมิตรของเราที่สนับสนุนเรา! เรียนรู้เพิ่มเติม