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!

Application Patterns

Which of the following architecture and rendering patterns have you used in the last year?

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

0%
17%
34%
52%
69%
86%
1

Single Page Application (SPA)

7,940
2

Server-Side Rendering (SSR)

5,783
3

Static Site Generation (SSG)

4,563
4

Incremental Static Generation

2,643
5

Multi-Page Application (MPA)

2,441
6

Partial Hydration

2,021
7

Progressive Enhancement

1,363
8

Edge Rendering

1,354
9

Islands Architecture

1,223
10

Streaming SSR

1,220
0%
17%
34%
52%
69%
86%
% de respostas das questões
0%
18%
37%
55%
74%
92%
1

Profissionalmente

8,742
2

Como estudante

301
3

Como um hobby

461
4

Outras respostas

34
0%
18%
37%
55%
74%
92%
% de respostas das questões

Setor industrial

0%
6%
13%
19%
26%
32%
1

Programação e ferramentas técnicas

2,826
2

Consultoria e serviços

1,675
3

Comércio eletrônico e varejo

1,587
4

Financeiro

1,446
5

Educação

960
6

Ferramentas de marketing/vendas/análises

879
7

Entretenimento

811
8

Saúde

719
9

Notícias, mídia e blogs

494
10

Estudante

464
0%
6%
13%
19%
26%
32%
% de respostas das questões
We asked members of the React community to share their “pick of the year”

My 2023 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
What do you use React for?
0%
19%
39%
58%
77%
97%
1

Web apps

9,201
2

Static sites

4,373
3

Design systems

3,367
4

Mobile apps

3,122
5

Desktop apps

2,378
6

Browser Extensions

7

Outras respostas

52
0%
19%
39%
58%
77%
97%
% de respostas das questões

React Version

Which version of React do you use the most on a daily basis?

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

0%
14%
28%
42%
55%
69%
1

16.x

752
2

17.x

1,400
3

18.x

6,570
4

Canary

183
5

Not sure

582
6

Outras respostas

38
0%
14%
28%
42%
55%
69%
% de respostas das questões

New Features

Which of these recent and upcoming new features are you most excited about?
0%
8%
16%
24%
32%
40%
1

3,514
2

2,711
3

2,663
4

2,284
5

2,199
6

2,177
7

1,901
8

1,818
9

762
10

521
11

🚫 None

712
12

Outras respostas

43
0%
8%
16%
24%
32%
40%
% de respostas das questões

Other Pain Points

Any other React pain points that you would like to mention?
Respostas livres
0%
22%
44%
66%
88%
110%
1

Excessive complexity

2

3

Performance

4

Next.js issues

5

State management

6

Lack of documentation

7

Ecosystem issues

8

Vercel issues

9

Lack of signals

10

SSR

0%
22%
44%
66%
88%
110%
% de respostas das questões

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.