Bỏ qua đến nội dung

State of React 2023

Thư viện

We reworked our charts to highlight not just developer experience, but sentiment. Be sure to explore these new grouping and sorting options to figure out which libraries get the most love… or the least!

Libraries Experience & Sentiment

Among React libraries and frameworks, Next.js and TanStack Query lead the way in terms of overall positivity. Note that some items such as useState and fetch were also included in order to provide a baseline, even though they're not libraries themselves.

Group by:

Sort by:

1

98.7%
9,907
2

91.7%
7.7%
9,734
3

86.8%
8%
5.2%
9,767
4

80.5%
19%
9,911
5

76.3%
23.3%
9,730
6

57.5%
31.1%
11.4%
10,034
7

55.2%
31.9%
12.9%
9,887
8

52.2%
25.9%
21.9%
9,780
9

41.8%
42.8%
15.4%
9,812
10

33.3%
60.3%
6.4%
9,695

Experience

  • Used it: Respondents who have used an item.
  • Heard of it: Respondents who have heard about an item, but haven't used it.
  • Never heard of it: 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:35%
“Positive” average:25%
“Negative” average:19%
We asked members of the React community to share their “pick of the year”

My 2023 Pick: React Server Components

Eleven years ago, React reimagined web development by challenging established practices. Now, React is doing this again with RSC.

P.S. Shout out to the Next.js team for pushing this new vision forward.

We asked members of the React community to share their “pick of the year”

Alex Sidorenko

Making short videos about Next.js on Twitter

Libraries Retention vs Usage

Among libraries and frameworks, Next.js was the only item boasting both high retention and high usage. On the other hand, while even more respondents had used Create React App, a lot fewer were willing to keep using it going forward.

Component Libraries
State Management
Data Loading
Back-End & Infrastructure

Biểu đồ này hiển thị tỷ lệ hài lòng của mỗi công nghệ trên tổng số số lượng người dùng của nó. Nó có thể được chia thành bốn loại:

  • Đánh giá: Tỷ lệ sử dụng thấp, tỷ lệ hài lòng cao. Công nghệ đáng để mắt tới.

  • Áp dụng: Tỷ lệ sử dụng cao, tỷ lệ hài lòng cao. Các công nghệ an toàn để áp dụng.

  • Tránh: Tỷ lệ sử dụng thấp, tỷ lệ hài lòng thấp. Công nghệ có lẽ tốt nhất nên tránh hiện nay.

  • Phân tích: Tỷ lệ sử dụng cao, tỷ lệ hài lòng thấp. Đánh giá lại những công nghệ này nếu bạn hiện đang sử dụng chúng.

Tài nguyên được đề xuất

Introduction to Next.js 13+, v3
Scott Moss
Superfilter AI

Introduction to Next.js 13+, v3

In this course, you'll learn server-side rendering, static site generation, data fetching, building API endpoints, creating pages, and new features in Next 13+, like using the app router, server and client components, and server actions!
Redux Fundamentals (feat. React)
Steve Kinney
Temporal

Redux Fundamentals (feat. React)

In this course, you’ll start by learning pure Redux fundamentals from scratch and move onto learning to hook Redux into a React application.
Cảm ơn các đối tác đã hỗ trợ chúng tôi! Tìm hiểu thêm.