콘텐츠로 건너뛰기

상태 관리

애플리케이션의 상태를 관리하기 위한 라이브러리

State Management Ratios Over Time

Zustand confirms its lead in terms of positivity, with only the default useState scoring higher. It's also grown in terms of usage, going from 28% to 41% over the past year!

Jotai
MobX
Recoil
Redux
Redux Toolkit
useState
XState
Zustand
Effector

Mode:

View:

Usage:

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

Number of Items

How many items in this category respondents have used.

0%
5%
10%
15%
20%
24%
1

0

1,555
2

1

657
3

2

1,202
4

3

1,927
5

4

1,506
6

5

665
7

6

222
8

7

98
9

8

32
10

9

6
0%
5%
10%
15%
20%
24%
% of survey respondents

기타 상태 관리 라이브러리

While TanStack Query is best known as a data loading library, it does a great job of managing the resulting state as well.

그 외에 상태 관리를 위해 어떤 라이브러리를 사용해 봤나요?
(자유 형식 질문)
Multiple
0%
20%
40%
60%
80%
100%
1

2

3

4

5

6

7

8

9

10

11

12

13

Other Answers

Answers matching “Other Answers” 245
0%
20%
40%
60%
80%
100%
% of question respondents
We asked members of the React community to share their “pick of the year”

My 2024 Pick: CodeTV (formerly Learn with Jason)

Jason’s mission is to make programming fun and accessible for everyone, and he is doing such an incredible job of it. In one series, Jason and 3 devs are faced with the challenge to create an app based on a short coding prompt like “build a leaderboard” or “build an e-commerce site”. And his newest series is a web dev game show that is kind of like a mix of Jeopardy and Hot Ones!
We asked members of the React community to share their “pick of the year”

Shaundai Person

Front end Senior Software Engineer (Netflix) and course instructor

상태 관리 페인 포인트

State management as a whole remains unnecessarily complex, with Redux in particular taking a lot of the blame from respondents.

상태 관리를 할 때 어떤 어려움 또는 문제점을 경험했나요?
(자유 형식 질문)
Multiple
0%
20%
40%
60%
80%
100%
1

Excessive complexity

2

Redux issues

3

Excessive boilerplate

4

Excessive re-renderings

5

Global state management

6

Synchronization issues

7

Performance

8

9

Excessive verbosity

10

MobX issues

0%
20%
40%
60%
80%
100%
% of question respondents

추천하는 리소스

Advanced Redux with Redux Toolkit
Steve Kinney
Temporal

Advanced Redux with Redux Toolkit

In this course, you'll use Redux Toolkit to simplify reducer logic and actions, use TypeScript with Redux, add tests, and use RTK Query to fetch data in real-world projects.
State Modeling in React with XState
David Khourshid
Microsoft

State Modeling in React with XState

In this course, we'll be learning to model state before we code using state machines and statecharts and then use those in our app to orchestrate complex app logic.
우리를 지원해 준 파트너들께 감사 드립니다! 더 알아보기.