Gå til innhold

State of React 2024

Back-End & infrastruktur

Bygging og levering av applikasjon

Meta-Frameworks Ratios Over Time

The only framework showing strong usage growth is Astro, going from 18% to 26%. Also worth noting that TanStack Start made a very strong debut at 81% interest and 90% retention!

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

Modus:

Visning:

Bruk:

Proportion of respondents having used an item
0%
20%
40%
60%
80%
100%
2023
2024
0%
20%
40%
60%
80%
100%

Number of Items

How many items in this category respondents have used.

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%
% av deltagere i undersøkelsen
2.1

Andre meta-rammeverk

Waku is notable in that it's one of the few frameworks that were started after the advent of React Server Components, with the intent of taking full advantage of them from the start.

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

2

3

4

Andre svar

Svar som matcher “Andre svar” 155
0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål
173
2%

Verktøy for bygging

Vite has now overtaken Webpack, which is quite remarkable given how long Webpack has been around.

Hvilke byggeverktøy og bundlere har du brukt?
Multiple
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%
% besvarelser på spørsmål
6,186
79%

Hosting-tjenester

Vercel leads the rankings, which is understandable given its heavy investment in the React ecosystem.

Hvilke tjenester har du brukt for å hoste React-appene dine?
Multiple
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%
% besvarelser på spørsmål
5,996
76%
Vi spurte medlemmer av React-fellesskapet om å dele sitt "årets valg"

Min valg for 2024: React Scan

When I first saw a demo of React over a decade ago, one of its big selling points was how fast it could render long, complex web pages. Yet today, poor performance and excessive re-renderings are often held up as weaknesses of the framework. So it's great to see tools like Million creator Aiden Bai's React Scan take on this challenge and give you new ways to improve React's performance.
Vi spurte medlemmer av React-fellesskapet om å dele sitt "årets valg"

Sacha Greif

Creator @ Devographics

Andre tjenester

Firebase is still a popular data storage platform, while Sentry remains most people's go-to for error tracking.

Hvilke andre tjenester har du brukt sammen med React-appene dine?
Multiple
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%
% besvarelser på spørsmål
5,556
71%

Back-end språk

As expected, TypeScript and JavaScript power most React app's back-ends, showing that developers put a premium on keeping their entire codebase in the same language.

Hvilket språk er back-end-appene dine skrevet i?
Multiple
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%
% besvarelser på spørsmål
6,126
78%

Back-End Pain Points

What pain points have you encountered related to back-end and infrastructure?
Fritekstformat
Multiple
0%
20%
40%
60%
80%
100%
1

End-to-end type safety

2

Deployment

3

Next.js issues

4

Excessive complexity

5

Frontend and backend integration

6

Andre svar

Svar som matcher “Andre svar” 228
0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål
203
3%

Anbefalte ressurser

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.
Takk til våre partnere for deres bidrag! Lær mer.