Ir para o conteúdo

Usage

No matter what version you use, application pattern you adopt, or industry sector you belong to, there's no wrong way to use React!

It's interesting to see that despite React traditionally being associated with complex client-side apps, Static sites still came in second, showing that JSX can also work great as a simple templating language.

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

Web apps

5,954
2

Static sites

2,981
3

Design systems

2,917
4

Hybrid sites

2,632
5

Mobile apps

2,162
6

Desktop apps

1,304
7

Outras respostas

30
0%
20%
40%
60%
80%
100%
% de respostas das questões
What do you use React for?

React Version

Note that the survey was conducted before the stable release of React 19.

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

16.x

273
2

17.x

582
3

18.x

4,763
4

Canary

187
5

Not sure

298
6

19.x

7

Outras respostas

20
0%
20%
40%
60%
80%
100%
% de respostas das questões
Which version of React do you use the most on a daily basis?

The overwhelming majority of respondents use React professionally.

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

Profissionalmente

5,655
2

Como estudante

191
3

Como um hobby

284
4

Outras respostas

14
0%
20%
40%
60%
80%
100%
% de respostas das questões

Setor industrial

Programming & Technical Tools may be slightly over-represented as an industry sector, as it often attracts the type of developer most likely to fill out a survey such as this one.

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

Programação e ferramentas técnicas

1,775
2

Consultoria e serviços

1,186
3

Comércio eletrônico e varejo

1,109
4

Financeiro

894
5

Educação

549
6

Ferramentas de marketing/vendas/análises

511
7

Entretenimento

475
8

Saúde

461
9

Notícias, mídia e blogs

286
10

Imobiliário

270
0%
20%
40%
60%
80%
100%
% de respostas das questões
Em qual(is) setor(es) da indústria você trabalha?

Application Patterns

Despite the recent focus on static site generation, server-side rendering, and server components, it's interesting to note that the vast majority of React developers still work on Single Page Applications.

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

Single Page Application (SPA)

5,053
2

Server-Side Rendering (SSR)

3,698
3

Static Site Generation (SSG)

2,824
4

Multi-Page Application (MPA)

1,570
5

Incremental Static Generation

1,568
6

Partial Hydration

1,529
7

Streaming SSR

964
8

Islands Architecture

920
9

Progressive Enhancement

910
10

Edge Rendering

872
0%
20%
40%
60%
80%
100%
% de respostas das questões
Which of the following architecture and rendering patterns have you used in the last year?
We asked members of the React community to share their “pick of the year”

My 2024 Pick: Sonner

Sonner is the best toast component for React. Beautiful by default, highly configurable, and with a simple API to use in any project. Wonderful work by Emil.
We asked members of the React community to share their “pick of the year”

Miguel Ángel Durán

Twitch Coding Streamer & Content Creator

New Features

With memo being a longstanding pain point, it makes sense that respondents would be most excited about the React Compiler.

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

3,292
2

1,687
3

1,642
4

1,526
5

1,422
6

1,268
7

1,061
8

1,041
9

883
10

328
0%
20%
40%
60%
80%
100%
% de respostas das questões
Which of these recent and upcoming new features are you most excited about?

Other Pain Points

Once more, excessive complexity stands out as a major issue. It remains to be seen if a new generation of tooling will finally be able to alleviate our pain, or if that complexity is simply a natural consequence of the way the web works.

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

Excessive complexity

2

Performance

3

4

Next.js issues

5

State management

6

Outras respostas

Respostas correspondentes a “Outras respostas” 296
0%
20%
40%
60%
80%
100%
% de respostas das questões
Any other React pain points that you would like to mention?
Respostas livres

Recursos recomendados

Your Path to Becoming a Senior Web Developer!
Will Sentance
Codesmith

Your Path to Becoming a Senior Web Developer!

Deep dive into JavaScript, the most popular framework React, Web performance, CSS, deploying websites, TypeScript, and functional JavaScript to become a professional web developer today.
Be Productive with React.js, Today's Most Popular Framework
Brian Holt
SQLite Cloud

Be Productive with React.js, Today's Most Popular Framework

Gain experience building, testing, and maintaining high-performance client and server-side React applications.
Obrigado aos nossos parceiros por nos apoiarem! Saiba mais.