콘텐츠로 건너뛰기

State of React 2025

기능

구문, 키워드 및 다른 언어 기능들.

All Features

While there aren't any major surprises here, it's interesting to note that Server Components and Server Functions are the third and fourth most disliked features respectively, which is troubling for a set of new APIs that was supposed to pave the way towards React's next big evolution towards a more complete full-stack framework.

Category:

Baseline Status:

Group by:

Sort by:

01
Hooks (훅)
98.8%
3,166
02
Hooks (훅)
98%
3,177
03
주요 API
97.4%
3,665
04
Hooks (훅)
94.7%
3.8%
3,171
05
Hooks (훅)
93.6%
4.8%
3,180
06
Hooks (훅)
92.6%
5.9%
3,178
07
Hooks (훅)
91.2%
6.5%
3,187
08
주요 API
86%
7.9%
3.3%
3,701
09
주요 API
80.3%
15.1%
3.7%
3,644
10
주요 API
77.3%
14.8%
6.7%
3,667

Experience

  • <span aria-hidden="true">🤓</span> 사용해 본 적 있음: Respondents who have used an item.
  • <span aria-hidden="true">👀</span> 들어본 적 있음: Respondents who have heard about an item, but haven't used it.
  • <span aria-hidden="true">🤷</span> 들어본 적 없음: Respondents who have never heard about an item.

Sentiment

  • Positive: Respondents who are interested in learning more about a technology; or are willing to use it again.
  • Neutral: Responents who did not indicate any sentiment about a technology.
  • Negative: Respondents who are not interested in learning more about a technology; or have used it and had a negative experience.
“Used” average:48%
“Positive” average:37%
“Negative” average:8%

Main APIs Over Time

React is a mature library, and that translates into fairly predictable usage curves for its main APIs.
createContext
createPortal
forwardRef
<Fragment>
lazy
memo
<Profiler>
<StrictMode>
act

Mode:

View:

사용량:

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

Hooks Over Time

When it comes to hooks, useId has been gaining adoption quickly. And while useEffect is still one of the most-used hooks APIs, it's also the one with the lowest satifaction ratio, confirming many developers' issues with the hook's finicky reactivity model.
useCallback
useContext
useDeferredValue
useEffect
useId
useMemo
useReducer
useRef
useState
useSyncExternalStore
useLayoutEffect

Mode:

View:

사용량:

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

New APIs Over Time

While Server Components and Server Functions are both slowly growing in popularity, Suspense is the new feature with the highest adoption rate.

It also boasts a high satisfaction ratio, which sadly isn't the case for the aforementioned server APIs.

React cache
React Server Components
Server Functions
startTransition
<Suspense>
Taint API
use()
useFormStatus
useTransition
useActionState (formerly useFormState)
useOptimistic
<form> Actions
<ViewTransition>
<Activity>
React Compiler
useEffectEvent

Mode:

View:

사용량:

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

주요 API의 페인 포인트

forwardRef has long been the bane of React developers, which is why seeing it deprecated in React 19 was such welcome news.
위에서 언급된 API와 관련된 어떤 어려움 또는 문제점을 경험했나요?
(자유 형식 질문)
Multiple
0%
20%
40%
60%
80%
100%
01
02
+1
03
Memoization issues
04
Excessive complexity
+1
05
Context API
-1
06
07
React issues
08
-1
09
테스팅
-1
10
Excessive boilerplate
+2
0%
20%
40%
60%
80%
100%
% of question respondents
465
12%
20
5

Hooks 페인 포인트

Once again, React developers are coming through loud and clear with their annoyance at useEffect.
Hook과 관련된 어떤 어려움 또는 문제점을 경험했나요?
(자유 형식 질문)
Multiple
0%
20%
40%
60%
80%
100%
01
02
Dependency Arrays
03
04
Excessive complexity
+1
05
React issues
06
-2
07
Excessive Re-rendering
-1
08
+1
09
상태 관리 (useState, Redux, Context, etc.)
-3
10
Rendering issues
0%
20%
40%
60%
80%
100%
% of question respondents
346
9%
20
5

새로운 API의 페인 포인트

As foreshadowed by previous charts, respondents have their fair share of gripes with Server Components.
새로운 API와 관련된 어떤 어려움 또는 문제점을 경험했나요?
(자유 형식 질문)
Multiple
0%
20%
40%
60%
80%
100%
01
React issues
02
Excessive complexity
03
Form issues
04
Server components
05
Build tools issues
06
Frontend and backend integration
-1
07
-1
08
09
+3
10
React Server Components
-11
0%
20%
40%
60%
80%
100%
% of question respondents
165
4%
20
5

Reading List

The <ViewTransition> API may still only be available in React Canary, but it's already generating a lot of curiosity among respondents, along with <Profiler>.
0%
20%
40%
60%
80%
100%
01
+3
1,370
02
999
03
994
04
React cache
-3
986
05
969
06
950
07
-4
941
08
React Compiler
921
09
-7
916
10
-2
893
0%
20%
40%
60%
80%
100%
% of question respondents
How many time each item was added to respondent's Reading List, a feature that lets people learn more about specific topics as they take the survey.
2,419
64%
20
10

추천하는 리소스

The Complete Intro to React Course, v9
Brian Holt
Databricks

The Complete Intro to React Course, v9

Learn to build real-world apps with React 18 and React 19. Use tools like Vite, ESLint, and Prettier to scaffold a project and the latest React and TanStack features to build a complete e-commerce application.
A Tour of JavaScript & React Patterns
Lydia Hallie

A Tour of JavaScript & React Patterns

You’ll get an overview of more traditional design patterns with JavaScript, such as the Singleton and Proxy patterns. Then see React patterns such as the Hooks and Higher Order Component patterns.
우리를 지원해 준 파트너들께 감사 드립니다! 더 알아보기.