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

State of HTML 2024

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

Створення та використання вебкомпонентів.

Web Components Experience & Sentiment

While Web Components have their adepts, they remain a contested technology. Web Components features had an average of 7% of negative opinions, versus 4% for all other features combined.

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

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

1

50.9%
34.4%
13.9%
4,045
2

45.6%
29.8%
24.1%
4,051
3

41.7%
38.4%
19.4%
4,034
4

34.5%
44.8%
20.1%
4,017
5

29.6%
30.6%
39.2%
4,002

Досвід

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

Ставлення

  • Позитивно: Респонденти, які зацікавлені у вивченні технології або хочуть використовувати її ще.
  • Нейтрально: Респонденти, які не висловили жодного ставлення до технології.
  • Негативно: Респонденти, які не зацікавлені у вивченні технології або використовували її і мали негативний досвід.
“Used” average:23%
“Positive” average:28%
“Negative” average:7%
Які з наведених функцій вебкомпонентів ви використовували?

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

Svelte may not be known as a web components library, but it turns out that it works quite well with them – unlike React, which appears far lower down in the rankings.

0%
10%
21%
31%
41%
52%
1

829
2

789
3

337
4

335
5

320
6

301
7

211
8

73
9

58
10

49
0%
10%
21%
31%
41%
52%
% від тих, хто відповів на питання
3,648
68%
Чи ви використовували бібліотеки вебкомпонентів?

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

The difficulty of styling and customizing web components remains the top obstacle to using them more broadly. Another barrier to entry is how hard it is to integrate them with JavaScript frontend libraries.

0%
15%
30%
46%
61%
76%
1

Styling & customization

2

Shadow DOM issues

3

SSR

4

React compatibility

5

Accessibility

6

Browser support

7

Reliance on JavaScript

8

Competition from frameworks

9

Framework compatibility

10

Excessive complexity

11

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

Відповіді, що відповідають ключу “Інші відповіді” 404
0%
15%
30%
46%
61%
76%
% від тих, хто відповів на питання
533
10%
Які проблеми використання вебкомпонентів найбільше вас розчаровують?
Довільна форма

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

Despite its cool name, Shadow DOM continues to frustrate web component makers, with many throwing up their hands at the excessive complexity of the whole process.

0%
17%
33%
50%
66%
83%
1

Shadow DOM issues

2

Styling & customization

3

Excessive complexity

4

Excessive boilerplate

5

Browser support

6

Excessive verbosity

7

Imperative APIs

8

Accessibility

9

SSR

10

Templating

0%
17%
33%
50%
66%
83%
% від тих, хто відповів на питання
626
12%
Які проблеми створення вебкомпонентів найбільше вас розчаровують?
Довільна форма

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

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