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

State of React 2023

Бібліотеки

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

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

Серед бібліотек і фреймворків React Next.js і TanStack Query на перших позиціях за позитивним ставленням загалом. Зауважте, що деякі пункти, як-от useState і fetch, також були додані, щоб продемонструвати базовий рівень, хоч вони самі не є бібліотеками.

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

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

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

Досвід

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

Ставлення

  • Позитивно: Респонденти, які зацікавлені у вивченні технології або хочуть використовувати її ще.
  • Нейтрально: Респонденти, які не висловили жодного ставлення до технології.
  • Негативно: Респонденти, які не зацікавлені у вивченні технології або використовували її і мали негативний досвід.
“Used” average:35%
“Positive” average:25%
“Negative” average:19%
Ми покликали спільноту React поділитися своїм "вибором року"

Мій вибір 2023: Серверні компоненти React (RSC)

Одинадцять років тому React переосмислив веброзробку, кинувши виклик усталеним практикам. Тепер React робить це знову за допомогою RSC.

P.S. Подяка команді Next.js за просування цього нового бачення.

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

Alex Sidorenko

Роблю короткі відео про Next.js у Twitter

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

Серед бібліотек і фреймворків Next.js єдиний, що може похизуватися як високим рівнем утримання, так і високим рівнем використання. З іншого боку, хоч було ще більше респондентів, які використовували Create React App, проте набагато менше тих, хто бажав би використовувати його надалі.

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

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

  • 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.
Дякуємо нашим партнерам за підтримку! Детальніше.