跳至內容

Web Components

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

Group by:

Sort by:

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

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.

其他 Web Component 功能

使用過以下哪些 web component 的功能?
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%
% 問題回應者

Web Components 函式庫

有使用過任何 Web Components 函式庫嗎?
0%
17%
35%
52%
70%
87%
1

782
2

384
3

232
4

135
5

126
6

92
7

37
8

na

9,232
0%
17%
35%
52%
70%
87%
% 問題回應者

使用 Web Components 的痛點

使用 web components 最大的痛點是什麼?
(自由填答問題)
0%
3%
5%
8%
10%
13%
1

Styling & customization

Answers matching “Styling &amp; customization” 171
2

Framework compatibility

Answers matching “Framework compatibility” 143
3

Education

Answers matching “Education” 120
4

Browser support

5

SSR

6

7

Reliance on JavaScript

8

Excessive complexity

9

Accessibility

10

Implementation issues

Answers matching “Implementation issues” 37
0%
3%
5%
8%
10%
13%
% 問題回應者

開發 Web Components 的痛點

開發 web components 最大的痛點是什麼?
(自由填答問題)
0%
2%
4%
6%
7%
9%
1

Education

Answers matching “Education” 137
2

Browser support

3

4

Styling & customization

Answers matching “Styling &amp; customization” 110
5

Excessive complexity

6

Reliance on JavaScript

7

Excessive boilerplate

8

SSR

9

Accessibility

10

Excessive verbosity

0%
2%
4%
6%
7%
9%
% 問題回應者

推薦資源

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!
感謝贊助我們的伙伴! 深入瞭解。