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

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%

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

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.

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

Мій вибір 2024: Pigment CSS

The Material UI team is building a next-gen CSS-in-JS library that pulls the styled API into the React Server Components era. There’s no shortage of CSS-in-JS tools out there, but this one checks all of the boxes for me.
Ми покликали спільноту React поділитися своїм "вибором року"

Josh W. Comeau

Software engineer and educator. Creator of The Joy of React

Інші сервіси

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

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

Firebase

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%
Які ще сервіси ви використовували разом із вашими React-застосунками?

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

Як і очікувалося, 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%
Якою мовою чи мовами написані ваші серверні застосунки?

Проблеми серверної частини

Зазвичай найпоширенішими були б загальні проблеми, як-от "надмірна складність" або "складна крива вивчення", але не цього разу.
Наскрізна типобезпечність (end-to-end typesafety; спільні між сервером і клієнтом типи, а також забезпечення відповідності їм будь-яких передаваних даних) — це, безумовно, головна проблема цього року, що стосується внутрішньої інфраструктури, і це пояснює, чому ми тепер бачимо інструменти, як TanStack Start і tRPC, які, схоже, вирішують цю проблему.

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