ข้ามไปยังเนื้อหา

State of HTML 2024

Web Components

การสร้างและการใช้ Web Components

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

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:23%
“Positive” average:28%
“Negative” average:7%
คุณเคยใช้ฟีเจอร์ใดบ้างในรายการต่อไปนี้สำหรับ Web Components?

ไลบรารี Web Components

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%
คุณเคยใช้ไลบรารี Web Components ใดบ้าง?

Pain Point ในการใช้ Web Components

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%
Pain Point ที่ใหญ่ที่สุดของคุณในการใช้ Web Components มีอะไรบ้าง?
แบบอิสระ

Pain Point ในการสร้าง Web Components

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%
Pain Point ที่ใหญ่ที่สุดของคุณในการสร้าง Web Components มีอะไรบ้าง?
แบบอิสระ

แหล่งข้อมูลที่แนะนำ

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!
ขอบคุณพันธมิตรของเราที่สนับสนุนเรา! เรียนรู้เพิ่มเติม