Ugrás a tartalomhoz

State of HTML 2023

Webes Komponensek

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

Group by:

Sort by:

1

43%
36.3%
20.7%
13,553
2

37.8%
28.2%
34%
13,575
3

32.6%
40.4%
27%
13,515
4

27.3%
45.4%
27.3%
13,489
5

22.7%
26.8%
50.5%
13,405

Experience

  • Used it: Respondents who have used an item.
  • Heard of it: Respondents who have heard about an item, but haven't used it.
  • Never heard of it: Respondents who have never heard about an item.

Sentiment

  • Positive: Respondents who are interested in learning more about a technology; or are willing to use it again.
  • Neutral: Responents who did not indicate any sentiment about a technology.
  • Negative: Respondents who are not interested in learning more about a technology; or have used it and had a negative experience.
“Used” average:17%
“Positive” average:24%
“Negative” average:6%

Egyéb Webes Komponens funkciók

0%
20%
40%
60%
80%
100%
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

🚫 Egyik sem

6,756
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
12,114
58%
Az alábbiak közül mely Webes Komponens funkciókat használtad már?

Webes Komponensek könyvtárai

0%
20%
40%
60%
80%
100%
1

782
2

3

384
4

232
5

6

135
7

126
8

92
9

10

0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
10,566
51%
Használtál már Webes Komponens könyvtárat?

Hiányosságok a Webes Komponensek használatakor

Mások által létrehozott Webes Komponensek használata. Hiányzó funkciók, böngésző inkompatibilitás, stb.

0%
20%
40%
60%
80%
100%
1

Styling & customization

2

Browser support

3

SSR

4

5

React compatibility

6

Reliance on JavaScript

7

Framework compatibility

8

Excessive complexity

9

Accessibility

10

Lack of documentation

11

Egyéb

Answers matching “Egyéb” 1,147
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
1,324
6%
Mik a legnagyobb hiányosságok a szemedben a mások által írt Webes Komponensek felhasználásakor?
(szabad formátumú válasz)

Hiányosságok a Webes Komponensek készítésekor

Mi gátol meg abban, hogy olyan fantasztikus komponenseket készíts, amiket elképzelsz? Hiányzó funkciók, böngésző inkompatibilitás, stb.

0%
20%
40%
60%
80%
100%
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

Egyéb

Answers matching “Egyéb” 1,613
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
1,484
7%
Mik a legnagyobb hiányosságok a szemedben a Webes Komponensek készítésekor?
(szabad formátumú válasz)

Ajánlott források

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!
Köszönet partnereink támogatásáért! Tudj meg többet.