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

State of React 2024

Бібліотеки

Ми переробили наші діаграми, щоб підкреслити не лише досвід розробників, але і ставлення. Обов'язково вивчіть ці нові параметри групування та сортування, щоб з'ясувати, які бібліотеки приваблюють найбільше… або найменше!

Досвід використання і ставлення до бібліотек

З-поміж бібліотек і фреймворків React TanStack Query і Zustand випередили Next.js і стали лідерами за загальною позитивністю.

І хоч Create React App є найбільш використовуваним, він заразом є одним із найменш улюблений із 33,1% негативних думок, одразу після Redux (34,1%).

Зауважте, що деякі пункти, як-от useState і fetch, також були додані для порівняння, хоч вони не є бібліотеками.

Фільтрувати за:

Групувати за:

Сортувати за:

1

98.6%
6,317
2

90.5%
6%
6,251
3

88.5%
9.9%
6,240
4

87.3%
10.7%
6,274
5

77.6%
21.6%
6,252
6

76.6%
21.3%
6,315
7

58.7%
25.1%
16%
6,257
8

57%
33.2%
9.1%
6,357
9

54.5%
33%
12%
6,303
10

42.1%
35.5%
22.1%
6,367

Досвід

  • Використовував(-ла): Респонденти, які це використовували.
  • Чув(-ла) про це: Респонденти, які чули про це, але не використовували.
  • Вперше чую: Респонденти, які не чули про це.

Ставлення

  • Позитивно: Респонденти, які зацікавлені у вивченні технології або хочуть використовувати її ще.
  • Нейтрально: Респонденти, які не висловили жодного ставлення до технології.
  • Негативно: Респонденти, які не зацікавлені у вивченні технології або використовували її і мали негативний досвід.
Середнє: "Використовував(-ла)":35%
Середнє: "Позитивно":22%
Середнє: "Негативно":16%
Ми покликали спільноту React поділитися своїм "вибором року"

Мій вибір 2024: 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.

Ми покликали спільноту React поділитися своїм "вибором року"

Alex Sidorenko

Making short videos about Next.js on Twitter

Утримання та використання бібліотек

З-поміж бібліотек і фреймворків Next.js досі єдиний, що може похизуватися як високим рівнем утримання, так і високим рівнем використання. Однак, здається, TanStack Query ось-ось перейде в цей квадрант із використанням >50%!

Бібліотеки компонентів
Управління станом
Завантаження даних
Серверна частина та інфраструктура

Ця діаграма показує співвідношення утримання відносно загальної кількості користувачів для кожної технології. Ділиться на чотири квадранти:

  • 1: Низький рівень використання, високий рівень утримання. Технології, на які варто звернути увагу.

  • 2: Високий рівень використання, високий рівень утримання. Технології, які можна спокійно впроваджувати.

  • 3: Низький рівень використання, низький рівень утримання. Технології, які тяжче рекомендувати зараз.

  • 4: Високий рівень використання, низький рівень утримання. Технології, використання яких варто переглянути.

Рекомендовані джерела

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