Перейти до вмісту

State of React 2024

Завантаження даних

Інструменти для завантаження та управління даними

Співвідношення інструментів завантаження даних із часом

TanStack Query продовжує йти траєкторією зростання — як за використанням, так і за позитивністю. Зокрема, графік зацікавленості показує, що — разом із tRPC — це, вважайте, єдина бібліотека для завантаження даних, яка все ще інтригує респондентів сьогодні!

Apollo Client
Relay
RTK Query
SWR
TanStack Query
tRPC
Fetch
Axios

Режим:

Вигляд:

0%
20%
40%
60%
80%
100%
2023
2024
0%
20%
40%
60%
80%
100%

Інші бібліотеки для завантаження даних

Крім ky та URQL, жодна нова бібліотека для завантаження даних не отримала більше 10 згадувань, мінімального порогу входження.

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

2

3

4

5

Інші відповіді

Відповіді, що відповідають ключу "Інші відповіді" 164
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
211
3%
Які ще бібліотеки ви використовували для завантаження даних?
Довільна форма
Ми покликали спільноту React поділитися своїм "вибором року"

Мій вибір 2024: 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.
Ми покликали спільноту React поділитися своїм "вибором року"

Aurora Scharff

Web developer and consultant at Inmeta

Проблеми під час завантаження даних

Те, що управління станом було названо найбільшою проблемою, що стосується завантаження даних, може пояснити популярність TanStack Query, оскільки він безпосередньо вирішує саме її.

Проте загалом той факт, що лише 3% респондентів узагалі поділилися тут якоюсь проблемою, свідчить про те, що завантаження даних насправді стало однією з найменш болючих частин сучасних вебзастосунків.

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

Управління станом

2

Кешування

3

Обробка помилок

4

5

Проблеми Apollo

6

Надмірна складність

7

Інші відповіді

Відповіді, що відповідають ключу "Інші відповіді" 211
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
234
3%
З якими проблемами ви стикалися під час завантаження даних?
Довільна форма

Рекомендовані джерела

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.
Спонсорований вміст від наших партнерів. Детальніше.