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

State of HTML 2025

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

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

We're highlighting up-and-coming features or libraries we think you should know about.

Feature Highlight: ElementInternals

The ElementInternals API recently became widely available, which makes it a perfect complement to existing web components features.

База сумісності: Широко доступно

Дізнатися більше

Useful Resources

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

Once again we see declarative solutions prevailing, with declarative custom elements topping the sentiment chart.

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

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

1
Вебкомпоненти
52.6%
35.8%
10.4%
4,457
2
Вебкомпоненти
46.9%
37.6%
14.9%
4,445
3
Вебкомпоненти
40%
43.7%
15.7%
4,437
4
Вебкомпоненти
31.4%
30.9%
37.4%
4,430
5
Вебкомпоненти
12.9%
34.2%
52.5%
4,404
6
Вебкомпоненти
9.9%
29.6%
60.2%
4,425
7
Вебкомпоненти
7.3%
17.4%
75%
4,387
8
Вебкомпоненти
5.9%
11.9%
81.8%
4,372
9
Вебкомпоненти
5.1%
15%
79.7%
4,366
10
Вебкомпоненти
4.8%
17.1%
77.6%
4,402
11
Вебкомпоненти
8.2%
89.9%
4,364

Досвід

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

Ставлення

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

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

Які проблеми створення та використання вебкомпонентів найбільше вас розчаровують?
Множинний вибір
0%
20%
40%
60%
80%
100%
1
Надмірна складність
1,710
2
Проблеми надмірної залежності від JavaScript та SSR
1,225
3
Проблеми доступності
1,017
4
Розширення нативних елементів
784
5
Надто сувора інкапсуляція стилів
708
6
Доступ до токенів дизайну
486
7
Проблеми локалізації/інтернаціоналізації
352
8
Низька CSS-специфічність тіньового DOM
339
9
Додавання стилів до нащадків slotted-елементів
317
10
🚫 Нічого
313
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
3,232
52%
10

Інші проблеми вебкомпонентів

Compared with previous years the same themes are still present: high cognitive overhread, falling short when compared to framework components, and Shadow DOM being more of a problem than a solution.

Які ще проблеми створення та використання вебкомпонентів вас розчаровують?
Множинний вибір
Top pain point topics overall.

View:

Items that are not one of “limitations”
0%
20%
40%
60%
80%
100%
1
Cognitive overload
3
2
Ecosystem issues
1
3
2
4
Content
1
5
Styling & customization
1
6
Excessive complexity
7
Browser support
1
8
Education
3
9
Declarative APIs
10
Accessibility
11
Web Components extending built-in elements
12
Adoption & momentum
13
Slotting & Slots
2
14
Web Components styling & theming
2
15
Server-client communication
1
16
Reliance on JavaScript
17
Reactivity
1
18
Tooling
1
19
Loading & packaging
20
Loading
21
community
22
ElementInternals
23
Custom element attributes and props
1
24
Invalid/Spam
25
Form Submission
26
Інші відповіді
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
348
6%
25
5

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

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