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

State of HTML 2023

Вебкомпоненти

Despite JavaScript frameworks being used more widely than ever, there is still a need for native solutions. Yet Web Components currently fall short of addressing developer pain points effectively, with Web Components APIs and especially Shadow DOM dominating the top 10 of worst experiences across all HTML-related technologies.

This indicates that there is still significant work to be done before they can truly enhance HTML's extensibility and become a strong alternative to framework components. However, the ongoing activity in this area leaves me hopeful.

Web Components Experience & Sentiment

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

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

1

42.9%
36.2%
20.7%
13,553
2

37.7%
28.1%
33.9%
13,575
3

32.5%
40.3%
26.9%
13,515
4

27.2%
45.3%
27.2%
13,489
5

22.6%
26.7%
50.4%
13,405

Досвід

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

Ставлення

  • Позитивно: Респонденти, які зацікавлені у вивченні технології або хочуть використовувати її ще.
  • Нейтрально: Респонденти, які не висловили жодного ставлення до технології.
  • Негативно: Респонденти, які не зацікавлені у вивченні технології або використовували її і мали негативний досвід.

Інші функції вебкомпонентів

Які з наведених функцій вебкомпонентів ви використовували?
0%
11%
22%
33%
45%
56%
1

<slot> element

4,109
2

2,610
3

CSS ::part() pseudo-element

1,621
4

::slotted() CSS pseudo-element

1,198
5

customElements.get()

1,111
6

1,110
7

customElements.getName()

916
8

customElements.whenDefined()

649
9

Нічого

6,756
0%
11%
22%
33%
45%
56%
% від тих, хто відповів на питання
12,114
58%

Бібліотеки вебкомпонентів

Чи ви використовували бібліотеки вебкомпонентів?
0%
17%
35%
52%
70%
87%
1

782
2

384
3

232
4

135
5

126
6

92
7

37
8

Нічого

9,232
0%
17%
35%
52%
70%
87%
% від тих, хто відповів на питання
10,566
51%

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

Які проблеми використання вебкомпонентів найбільше вас розчаровують?
Довільна форма
0%
17%
34%
50%
67%
84%
1

Styling & customization

2

Framework compatibility

Відповіді, що відповідають ключу “Framework compatibility” 143
3

Browser support

4

SSR

5

6

Reliance on JavaScript

7

Excessive complexity

8

Accessibility

9

Lack of documentation

10

Lack of knowledge

11

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

Відповіді, що відповідають ключу “Інші відповіді” 1,111
0%
17%
34%
50%
67%
84%
% від тих, хто відповів на питання
1,324
6%

Проблеми створення вебкомпонентів

Які проблеми створення вебкомпонентів найбільше вас розчаровують?
Довільна форма
0%
22%
43%
65%
87%
109%
1

Browser support

2

3

Styling & customization

4

Excessive complexity

5

Reliance on JavaScript

6

Excessive boilerplate

7

SSR

8

Accessibility

9

Excessive verbosity

10

Lack of documentation

11

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

Відповіді, що відповідають ключу “Інші відповіді” 1,613
0%
22%
43%
65%
87%
109%
% від тих, хто відповів на питання
1,484
7%

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

Web Components
Dave Rupert
Paravel

Web Components

Learn where to find excellent Web Components to build web apps. You’ll also learn how to create your own custom components using JavaScript and libraries like Lit that will help you make them faster!
Дякуємо нашим партнерам за підтримку! Детальніше.