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

State of React 2024

Інші інструменти

React відомий тим, що зосереджується саме на рендерингу UI, водночас майже не впливаючи на інші частини вашого застосунку — це відображено в живій екосистемі, яка виникла, щоб заповнити ці прогалини!

Бібліотеки для тестування

Jest і Testing Library зберегли лідерство цього року. Крім того, Bun з'явився у кількох вписаних відповідях, які, залежно від загального успіху нового середовища виконання, можуть бути або одноразовою аномалією, або ознакою того, що станеться в майбутньому.

Які бібліотеки ви використовуєте для тестування ваших React-застосунків?
Множинний вибір
0%
20%
40%
60%
80%
100%
1

4,225
2

3,311
3

3,037
4

2,782
5

2,551
6

2,404
7

8

🚫 Нічого

677
9

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

104
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
6,076
77%

Бібліотеки рендерингу React

Як і очікувалося, переважна більшість розробників рендерить застосунки у браузері, але це запитання підкреслює, наскільки різноманітною насправді є екосистема React із засобами рендеру для всього — від PDF-файлів до застосунків для командного рядка!

Які бібліотеки ви використовували, щоб рендерити React-застосунок для різних платформ і середовищ?
Множинний вибір
0%
20%
40%
60%
80%
100%
1

4,734
2

2,164
3

1,975
4

874
5

732
6

555
7

555
8

306
9

173
10

168
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
5,904
75%

Бібліотеки для створення схем даних та їхньої валідації

Як ви вже могли здогадатися, Zod залишається найпоширенішою бібліотекою валідації.

Які бібліотеки ви використовували для валідації даних за певною схемою?
Множинний вибір
0%
20%
40%
60%
80%
100%
1

3,893
2

2,305
3

894
4

386
5

332
6

128
7

8

9

10

11

12

🚫 Нічого

1,023
13

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

94
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
5,811
74%

Автентифікація

Залежно від того, чи ви віддаєте перевагу хмарним сервісам, чи власному хостингу, і Auth0, і Auth.js — чудові варіанти,

Які бібліотеки та сервіси ви використовували для автентифікації?
Множинний вибір
0%
20%
40%
60%
80%
100%
1

1,977
2

1,888
3

1,161
4

797
5

353
6

7

Supabase

8

Keycloak

9

10

41
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
5,155
66%

Розробка мобільних застосунків

Хоч React Native досі займає перше місце, Expo невпинно завойовує позиції, і не буде дивним побачити його на вершині за рік.

Які фреймворки чи бібліотеки ви використовували для розробки мобільних застосунків?
Множинний вибір
0%
20%
40%
60%
80%
100%
1

2,662
2

2,303
3

711
4

403
5

392
6

7

8

🚫 Нічого

1,977
9

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

30
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
5,442
69%

Інші фреймворки для клієнтської частини

Що використовують розробники React, коли вони не використовують React? Виявляється, Angular і Vue — як і всі!

Які ще фреймворки для клієнтської частини ви використовували?
Множинний вибір
0%
20%
40%
60%
80%
100%
1

2,490
2

2,430
3

1,488
4

1,108
5

700
6

499
7

431
8

409
9

369
10

250
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
5,550
71%

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

Enterprise UI Development: Testing & Code Quality
Steve Kinney
Temporal

Enterprise UI Development: Testing & Code Quality

Learn unit testing with Vitest, continuous integration via GitHub Actions, component and accessibility testing with Ax, mocking techniques, and code standard enforcement using ESLint and Husky & Lint-Staged.
Спонсорований вміст від наших партнерів. Детальніше.