跳到内容

特性

语法,关键字,和其他语言特性。
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:

通过...分组:

根据此项排序:

01
Hooks
98.8%
3,166
02
Hooks
98%
3,177
03
Main APIs
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
Main APIs
86%
7.9%
3.3%
3,701
09
Main APIs
80.3%
15.1%
3.7%
3,644
10
Main APIs
77.3%
14.8%
6.7%
3,667

经验

  • <span aria-hidden="true">🤓</span> 用过: 使用过此项目的受访者。
  • <span aria-hidden="true">👀</span> 有听说过: 听说过此项目,但没有使用过此项目的受访者。
  • <span aria-hidden="true">🤷</span> 没听说过: 从未听说过此项目的受访者。

情绪(态度)

  • 积极: 有兴趣了解此技术,或者愿意再次使用它的受访者
  • 中立: 未对此技术发表看法的受访者
  • 消极: 对此技术不感兴趣,或者使用此技术有糟糕体验的受访者

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

模式:

视图:

使用度:

使用过某个项目的受访者比例
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

模式:

视图:

使用度:

使用过某个项目的受访者比例
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

模式:

视图:

使用度:

使用过某个项目的受访者比例
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%
受访者百分比
Once again, React developers are coming through loud and clear with their annoyance at useEffect.
您在使用 hooks 时遇到过哪些痛点?
(自由提问)
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, 等等。)
-3
10
Rendering issues
0%
20%
40%
60%
80%
100%
受访者百分比

新 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
-11
0%
20%
40%
60%
80%
100%
受访者百分比
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
-3
986
05
969
06
950
07
-4
941
09
-7
916
10
-2
893
0%
20%
40%
60%
80%
100%
受访者百分比
每个项目被添加到受访者阅读列表的次数,该功能可让受访者在参与调查时了解更多有关特定主题的信息。
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.
感谢合作伙伴对我们的支持! 了解更多。