メインコンテンツにスキップ

State of React 2024

リソース

One of the big reason for React's continued dominance is the sheer amount of documentation, blog posts, videos, and other resources it has accumulated over the years. Here's just a small sample!

Learning Methods

The React team has done a great job with the new React docs site, so it shouldn't be surprised that it has become the number one way people learn about the framework.

0%
20%
40%
60%
80%
100%
1

ドキュメント

5,024
2

独学（Google、Stack Overflowなど）

4,611
3

動画・スクリーンキャスト

3,139
4

オンラインコース（無料）

2,580
5

AI Tools (ChatGPT, Claude, etc.)

2,516
6

業務・OJT

2,225
7

オンラインコース（有料）

1,907
8

ポッドキャスト

1,078
9

書籍

792
10

メンタリング

734
11

コーディングブートキャンプ

420
12

学校・高等教育

397
13

14

ブログ

15

Other Answers

60
0%
20%
40%
60%
80%
100%
回答数に占める割合（%）
5,965
76%

ブログ・マガジン

While this list is populated by many usual suspects, it's worth celebrating the presence of React-specific media such as This Week in React or React Status.

0%
20%
40%
60%
80%
100%
1

Dev.to

1,749
2

CSS-Tricks

1,559
3

This Week In React

1,519
4

JavaScript Weekly

1,233
5

r/ReactJS

767
6

749
7

LogRocket

697
8

Smashing Magazine

620
9

React Status

604
10

Next.js Weekly

450
11

Node Weekly

435
12

React Digest

388
13

Best of JS

300
14

Reactiflux

100
15

16

TLDR

17

Twitter/X

18

Daily Dev

19

Medium

20

YouTube

0%
20%
40%
60%
80%
100%
回答数に占める割合（%）
5,263
67%
ブログやマガジンのうち、読んでいるのは何ですか？

Courses & Training Material

It's always impressive to see how educators like Wes Bos or Epic React's Kent C. Dodds can rank almost as high as entire platforms such as Udemy or freeCodeCamp.

0%
20%
40%
60%
80%
100%
1

Udemy

1,607
2

freeCodeCamp

1,218
3

Frontend Masters

989
4

915
5

Egghead.io

809
6

646
7

Epic React

645
8

Codecademy

564
9

react.gg

418
10

The Joy of React

400
11

Pluralsight

393
12

O'Reilly

376
13

Coursera

287
14

Academind

276
15

Platzi

207
16

Scrimba

181
17

Build UI

106
18

DevTalles

19

YouTube

20

0%
20%
40%
60%
80%
100%
回答数に占める割合（%）
5,078
65%
Which course or other material (videos, books, etc.) have you used?

ポッドキャスト

Syntax continues to assert its dominance over the dev podcast landscape, and while there still really isn't much in terms of web-focused React podcasts, React Native Radio comes in at a very honorable #8.

0%
20%
40%
60%
80%
100%
1

Syntax

973
2

JS Party

233
3

The Changelog

177
4

Front End Happy Hour

139
5

131
6

Frontend First

122
7

JavaScript Jabber

117
8

React Native Radio

102
9

Shop Talk Show

100
10

PodRocket

94
11

Web Standards

12

Full Stack Radio

74
13

React Podcast

70
14

Front-End Fire

67
15

RocketShip

56
16

This Month in React

51
17

React Native Show

47
18

JAMStack Radio

43
19

Ladybug Podcast

42
20

JavaScript Jam

33
0%
20%
40%
60%
80%
100%
回答数に占める割合（%）
4,254
54%
プログラミングに関係するポッドキャストのうち、聞いているものは何ですか？
We asked members of the React community to share their “pick of the year”

My 2024 Pick: Expo Router

Expo Router earns my pick for its incredible potential in both the web and native space. It's the first framework to leverage React's full power to operate across all platforms, making React a true platform-agnostic renderer. Its file-based architecture makes it simpler for web developers to adapt to native platforms, speeding up development, and reducing the time to ship across all devices.
We asked members of the React community to share their “pick of the year”

Lydia Hallie

Independent software engineer and technical content creator

動画配信者

While Fireship was surpisingly low in the rankings last year, the popular YouTuber now tops the video creator podium, ahead of Theo and The Primeagen.

0%
20%
40%
60%
80%
100%
1

2,604
2

1,837
3

1,673
4

1,665
5

1,593
6

1,475
7

1,324
8

1,171
9

1,164
10

808
11

783
12

642
13

478
14

361
15

ByteGrad

232
16

17

18

19

20

0%
20%
40%
60%
80%
100%
回答数に占める割合（%）
5,374
68%
プログラミング関連の動画配信者をフォローしていますか？（YouTube、Twitchなど）

人物

With a huge climb from 17 to 5, shadcn is doing their best to match their own library's popularity!

0%
20%
40%
60%
80%
100%
1

2,748
2

1,954
3

1,773
4

1,643
5

1,446
6

1,417
7

1,385
8

1,289
9

1,189
10

1,057
11

1,038
12

1,023
13

953
14

919
15

710
16

517
17

466
18

393
19

333
20

321
0%
20%
40%
60%
80%
100%
回答数に占める割合（%）
5,440
69%
ブログや書籍を読んでいたり、フォローしている人。または単におすすめしたい人。

その他のアンケート

While it's no surprise that many respondents also take the State of JavaScript survey, it's worth noting that a majority also fill out the State of CSS, indicating that the JS/CSS divide may not be as big as we often make it to be.

0%
20%
40%
60%
80%
100%
1

State of JavaScript

3,741
2

State of CSS

2,668
3

State of HTML

1,770
4

Stack Overflow Annual Developer Survey

958
5

JetBrains State of Developer Ecosystem

380
6

State of React Native

318
7

State of GraphQL

268
8

Design Tools Survey

61
9

Postman State of the API Report

52
10

CodinGame Developer Survey

26
11

🚫 該当なし

1,015
12

Other Answers

31
0%
20%
40%
60%
80%
100%
回答数に占める割合（%）
5,142
65%
他に参加している開発者向けアンケートはありますか？

おすすめのリソース

Be Productive with React.js, Today's Most Popular Framework
Brian Holt
SQLite Cloud

Be Productive with React.js, Today's Most Popular Framework

Gain experience building, testing, and maintaining high-performance client and server-side React applications.
Courses by ThePrimeagen: Algorithms, VIM, Git, and more!
ThePrimeagen
Netflix

Courses by ThePrimeagen: Algorithms, VIM, Git, and more!

Learn from one of the best communicators and teachers around as ThePrimeagen takes you through a vast range of topics, from front-end frameworks like HTMX to back-end languages including Rust and Go.
パートナーのサポートに感謝しています！ 詳細をみる。