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

State of React 2024

Джерела

Одна з головних причин тривалого домінування React — величезна кількість документації, публікацій у блогах, відео та інших джерел, накопичених протягом багатьох років. Ось лише маленький приклад!

Методи навчання

Команда React чудово попрацювала над новим сайтом документації React, тож не варто дивуватися, що це найперший спосіб вивчення фреймворку.

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

Документація

5,024
2

Самостійне навчання (Google, Stack Overflow тощо)

4,611
3

Відео чи записи з екранів

3,139
4

Онлайн курси (безкоштовні)

2,580
5

ШІ-інструменти (ChatGPT, Claude тощо)

2,516
6

Навчання на робочому місці

2,225
7

Онлайн курси (платні)

1,907
8

Подкасти чи аудіозаписи

1,078
9

Книги

792
10

Наставництво

734
11

Інтенсив чи курс з програмування

420
12

Середня чи вища освіта

397
13

14

Блоги, статті

15

Інші відповіді

60
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
5,965
76%

Блоги та журнали

Незважаючи на те що цей список заповнений багатьма звичними "підозрюваними", варто відзначити присутність медіа, які стосуються саме React, як-от This Week in React або 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%
Які блоги, журнали, розсилки тощо ви читаєте?

Курси та навчальні матеріали

Завжди вражає, коли викладачі, як Wes Bos або Kent C. Dodds з Epic React, можуть бути майже так само високо у рейтингу, як величезні платформи — Udemy або 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%
Які курси ви проходили або якими навчальними матеріалами (відео, книги тощо) користувалися?

Подкасти чи аудіозаписи

Syntax продовжує своє домінування серед подкастів для розробників, і хоч подкастів саме про React у вебі небагато, React Native Radio посідає почесне 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%
Які подкасти з програмування ви слухаєте?
Ми покликали спільноту React поділитися своїм "вибором року"

Мій вибір 2024: 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.
Ми покликали спільноту React поділитися своїм "вибором року"

Lydia Hallie

Independent software engineer and technical content creator

Відеоблогери

Хоч минулого року Fireship був на диво низько в рейтингу, популярний YouTube-блогер тепер очолює п'єдестал для відеоблогерів, випереджаючи Theo і 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 тощо)?

Особистості

Піднявшись із 17 на 5 сходинку, shadcn робить все можливе, щоб мати таку ж популярність, як у власної бібліотеки!

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%
Кого ви читаєте, за ким слідкуєте чи просто хочете виокремити?

Інші опитування

Хоч не дивно, що багато респондентів також беруть участь в опитуванні Стан JavaScript, варто зазначити, що більшість заразом заповнює Стан CSS, що вказує на те, що розрив JS/CSS може бути не таким великим, як нам здається.

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

Інші відповіді

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.
Спонсорований вміст від наших партнерів. Детальніше.