콘텐츠로 건너뛰기

State of React 2024

용도

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

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.

React를 어떤 용도로 사용하나요?
Multiple
0%
20%
40%
60%
80%
100%
1

웹 앱

5,954
2

정적 사이트

2,981
3

디자인 시스템

2,917
4

Hybrid sites

2,632
5

모바일 앱

2,162
6

데스크탑 앱

1,304
7

Other Answers

30
0%
20%
40%
60%
80%
100%
% of question respondents
6,139
78%

React 버전

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

가장 많이 사용하는 React 버전은 무엇인가요?
0%
20%
40%
60%
80%
100%
1

16.x

273
2

17.x

582
3

18.x

4,763
4

Canary

187
5

잘 모르겠음

298
6

19.x

7

Other Answers

20
0%
20%
40%
60%
80%
100%
% of question respondents
6,103
78%

사용 타입

The overwhelming majority of respondents use React professionally.

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

직업으로써

5,655
2

학생으로써

191
3

취미로써

284
4

Other Answers

14
0%
20%
40%
60%
80%
100%
% of question respondents
6,126
78%

직종

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.

어느 직종에서 일하고 있나요?
Multiple
0%
20%
40%
60%
80%
100%
1

프로그래밍 & 기술적 도구

1,775
2

컨설팅 & 서비스

1,186
3

전자상거래 & 소매업

1,109
4

금융

894
5

교육

549
6

마케팅/영업/분석 도구

511
7

엔터테인먼트

475
8

의료

461
9

뉴스, 미디어 & 블로깅

286
10

정부 관계자

270
0%
20%
40%
60%
80%
100%
% of question respondents
5,660
72%

애플리케이션 패턴

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.

다음 아키텍처, 렌더링 패턴 중 지난 1년동안 사용한 것은 무엇인가요?
Multiple
0%
20%
40%
60%
80%
100%
1

싱글 페이지 애플리케이션 (SPA)

5,053
2

서버 사이드 렌더링 (SSR)

3,698
3

정적 사이트 생성 (SSG)

2,824
4

멀티 페이지 애플리케이션 (MPA)

1,570
5

점진적 정적 생성 (ISR)

1,568
6

부분적 하이드레이션

1,529
7

스트리밍 SSR

964
8

아일랜드 아키텍처

920
9

점진적 향상법 (Progressive Enhancement)

910
10

엣지 렌더링

872
0%
20%
40%
60%
80%
100%
% of question respondents
5,916
75%

새로운 기능

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

최근에 나왔거나 출시가 예정된 새로운 기능 중 어떤 것들이 가장 흥미롭나요?
Multiple
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%
% of question respondents
5,837
74%

Other Pain Points

Any other React pain points that you would like to mention?
(자유 형식 질문)
Multiple
0%
20%
40%
60%
80%
100%
1

Excessive complexity

2

Performance

3

4

Next.js issues

5

상태 관리 (useState, Redux, Context, etc.)

6

Other Answers

Answers matching “Other Answers” 296
0%
20%
40%
60%
80%
100%
% of question respondents
229
3%

추천하는 리소스

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.
우리를 지원해 준 파트너들께 감사 드립니다! 더 알아보기.