Перейти до вмісту

State of React 2025

Функції

Синтаксис, ключові слова та інші атрибути мови.

Усі функції

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.

Категорія:

Статус бази сумісності:

Групувати за:

Сортувати за:

01
Хуки
98.8%
3,166
02
Хуки
98%
3,177
03
Основні API
97.4%
3,665
04
Хуки
94.7%
3.8%
3,171
05
Хуки
93.6%
4.8%
3,180
06
Хуки
92.6%
5.9%
3,178
07
Хуки
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

Досвід

  • Використовував(-ла): Респонденти, які це використовували.
  • Чув(-ла) про це: Респонденти, які чули про це, але не використовували.
  • Вперше чую: Респонденти, які не чули про це.

Ставлення

  • Позитивно: Респонденти, які зацікавлені у вивченні технології або хочуть використовувати її ще.
  • Нейтрально: Респонденти, які не висловили жодного ставлення до технології.
  • Негативно: Респонденти, які не зацікавлені у вивченні технології або використовували її і мали негативний досвід.
Середнє: "Використовував(-ла)":48%
Середнє: "Позитивно":37%
Середнє: "Негативно":8%

Основні API з часом

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

Режим:

Вигляд:

Використання:

Частка респондентів, які використовували це
0%
20%
40%
60%
80%
100%
2023
2024
2025
0%
20%
40%
60%
80%
100%

Хуки з часом

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

Режим:

Вигляд:

Використання:

Частка респондентів, які використовували це
0%
20%
40%
60%
80%
100%
2023
2024
2025
0%
20%
40%
60%
80%
100%

Нові API з часом

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
Серверні дії
startTransition
<Suspense>
Taint API
use()
useFormStatus
useTransition
useActionState (попередньо useFormState)
useOptimistic
<form> Actions
<ViewTransition>
Activity (попередньо Offscreen)
React Compiler
useEffectEvent

Режим:

Вигляд:

Використання:

Частка респондентів, які використовували це
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?
Довільна форма
Множинний вибір
0%
20%
40%
60%
80%
100%
01
02
+1
03
Memoization issues
04
Надмірна складність
+1
05
Context API
-1
06
07
React issues
08
-1
09
Тестування
-1
10
Надмірна шаблонність
+2
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
465
12%
20
5

Проблеми хуків

Once again, React developers are coming through loud and clear with their annoyance at useEffect.
З якими проблемами ви стикалися під час використання хуків?
Довільна форма
Множинний вибір
0%
20%
40%
60%
80%
100%
01
02
Dependency Arrays
03
04
Надмірна складність
+1
05
React issues
06
-2
07
Excessive Re-rendering
-1
08
+1
09
Управління станом (useState, Redux, Context тощо)
-3
10
Rendering issues
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
346
9%
20
5

Проблеми нових API

As foreshadowed by previous charts, respondents have their fair share of gripes with Server Components.
З якими проблемами ви стикалися під час використання нових API?
Довільна форма
Множинний вибір
0%
20%
40%
60%
80%
100%
01
React issues
02
Надмірна складність
03
Проблеми форм
04
Server components
05
Build tools issues
06
Інтеграція клієнта та сервера
-1
07
-1
08
09
+3
10
Серверні компоненти React
-11
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
165
4%
20
5

Список читання

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%
% від тих, хто відповів на питання
Скільки разів кожен з елементів був доданий до списку читання респондента — функції, що дає змогу користувачам дізнатися більше про відповідні теми під час опитування.
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.
Спонсорований вміст від наших партнерів. Детальніше.