Μετάβαση στο περιεχόμενο

Web Components

Making & using 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.

Which of the following web component features have you used?

Group by:

Sort by:

1

51%
34.4%
13.9%
4,044
2

45.6%
29.7%
24.1%
4,050
3

41.7%
38.4%
19.4%
4,033
4

34.5%
44.8%
20.1%
4,016
5

29.6%
30.6%
39.2%
4,001

Εμπειρία

  • Το έχω χρησιμοποιήσει: Respondents who have used an item.
  • Το έχω ακουστά: Respondents who have heard about an item, but haven't used it.
  • Δεν το έχω ακουστά: Respondents who have never heard about an item.

Γνώμη

  • Θετική: Συμμετέχοντες οι οποίοι ενδιαφέρονται να μάθουν περισσότερα για μία τεχνολογία, ή θα ήθελαν να την ξαναχρησιμοποιήσουν.
  • Ουδέτερη: Συμμετέχοντες οι οποίοι δεν έδειξαν κάποιο συναίσθημα για μία τεχνολογία.
  • Αρνητική: Συμμετέχοντες οι οποίοι δεν ενδιαφέρονται να μάθουν περισσότερα για μία τεχνολογία, ή την έχουν χρησιμοποιήσει και είχαν αρνητική εμπειρία.

Web Components Libraries

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.

Have you used any Web Components libraries?
Multiple
0%
20%
40%
60%
80%
100%
1

829
2

789
3

337
4

335
5

320
6

301
7

211
8

73
9

58
10

49
0%
20%
40%
60%
80%
100%
% of question respondents

Using Web Components Pain Points

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.

What are your biggest pain points around consuming web components?
Freeform
Multiple
0%
20%
40%
60%
80%
100%
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

Other Answers

Answers matching “Other Answers” 404
0%
20%
40%
60%
80%
100%
% of question respondents

Making Web Components Pain Points

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.

What are your biggest pain points around making web components?
Freeform
Multiple
0%
20%
40%
60%
80%
100%
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%
20%
40%
60%
80%
100%
% of question respondents

Recommended Resources

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!
Thanks to our partners for supporting us! Learn more.