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

State of React 2024

Серверна частина та інфраструктура

Пакування та обслуговування вашого застосунку

Співвідношення метафреймворків із часом

Astro — єдиний фреймворк, який демонструє значне зростання використання — з 18% до 26%. Також варто зазначити, що TanStack Start разюче дебютував із 81% зацікавленості та 90% утримання!

Astro
Create React App
Gatsby
Next.js
Remix
Redwood
TanStack Start
Docusaurus

Режим:

Вигляд:

Використання:

Частка респондентів, які використовували це
0%
20%
40%
60%
80%
100%
2023
2024
0%
20%
40%
60%
80%
100%

Кількість опцій

Скільки опцій у цій категорії респонденти використовували.

0%
5%
10%
15%
20%
25%
1

0

1,792
2

1

944
3

2

1,994
4

3

1,658
5

4

902
6

5

411
7

6

134
8

7

29
9

8

6
0%
5%
10%
15%
20%
25%
% від усіх опитаних
2.1

Інші метафреймворки

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

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

2

3

4

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

Відповіді, що відповідають ключу "Інші відповіді" 155
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
173
2%

Інструменти для збирання коду

Vite нарешті обігнав Webpack, що справді вражає з огляду на довгочасність останнього.

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

5,418
2

5,330
3

3,133
4

2,556
5

1,982
6

1,895
7

1,782
8

1,401
9

789
10

426
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
6,186
79%

Сервіси хостингу

Vercel очолює рейтинг, що цілком зрозуміло, зважаючи на значні інвестиції в екосистему React.

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

Vercel

3,648
2

AWS

2,991
3

GitHub Pages

2,377
4

Netlify

2,314
5

Heroku

1,464
6

Cloudflare

1,392
7

Azure

1,173
8

Digital Ocean

1,023
9

Google Cloud

857
10

Render

526
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
5,996
76%
Ми покликали спільноту React поділитися своїм "вибором року"

Мій вибір 2024: React Scan

Коли я вперше побачив демо React понад десять років тому, однією з його головних переваг була швидкість рендерингу довгих і складних вебсторінок. Проте сьогодні низька швидкодія і надмірний повторний рендеринг часто вважаються слабкими сторонами фреймворку. Тому приємно бачити інструменти як React Scan від Aiden Bai, автора Million, що взялися за цю проблему і дають вам нові способи покращити швидкодію React.
Ми покликали спільноту React поділитися своїм "вибором року"

Sacha Greif

Автор у Devographics

Інші сервіси

Firebase залишається популярною платформою для зберігання даних, тоді як Sentry — для відстеження помилок.

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

2,505
2

Sentry

2,266
3

2,102
4

Redis

1,660
5

Supabase

1,589
6

PlanetScale

523
7

Upstash

341
8

9

Neon

10

Datadog

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

Мови для серверної частини

Як і очікувалося, TypeScript і JavaScript забезпечують роботу більшості серверних частин для React-застосунків, що свідчить про бажання розробників мати всю кодову базу однією мовою.

Якою мовою чи мовами написані ваші серверні застосунки?
Множинний вибір
0%
20%
40%
60%
80%
100%
1

4,609
2

3,826
3

1,610
4

1,378
5

1,254
6

1,103
7

1,097
8

516
9

432
10

378
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
6,126
78%

Back-End Pain Points

What pain points have you encountered related to back-end and infrastructure?
Довільна форма
Множинний вибір
0%
20%
40%
60%
80%
100%
1

Наскрізна (e2e) типобезпечність

2

Розгортання

3

Проблеми Next.js

4

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

5

Інтеграція клієнта та сервера

6

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

Відповіді, що відповідають ключу "Інші відповіді" 228
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
203
3%

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

Intermediate Next.js
Scott Moss
Superfilter AI

Intermediate Next.js

Level up your Next.js skills to build production-ready applications. Dive into advanced concepts like server actions, route slots, and data fetching strategies.
Expand Your Abilities to the Server and Master the Fullstack
Jem Young
Netflix

Expand Your Abilities to the Server and Master the Fullstack

Set up servers, create APIs, and deploy your code to the world by learning the full stack.
Спонсорований вміст від наших партнерів. Детальніше.