Making & using web components.
Link to sectionWeb 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.
Group by:
Sort by:
1
4,045
2
4,051
3
4,034
4
4,017
5
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.
Which of the following web component features have you used?
Link to sectionWeb 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?
Link to sectionUsing 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
Link to sectionMaking 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
Link to sectionRecommended Resources
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.