[jjcm]

This is an excellent writeup, probably the best I've seen that summarizes the issues with webcomponents with the viewpoint of react. I'd like to add a few more reasons why I think webcomponents haven't had great adoption though:

1. Lack of convention. They tried to create lower level APIs rather than an opinionated structure of how to organize webcomponents, leading to the majority of consumption of them to be via a framework. They promised to remove the need for frameworks, not create more! I really wish webcomponents implemented more ease-of-use features and convention rather than relying on libraries to do this.

2. Lack of organization. This is similar to the above, but the majority of the time I see people bundling their html and css into js files in order to have a one-component-per-file approach. There's a part of me that kind of wishes we had html imports for subdirectories, and allowed you to load either button/ (and all subfiles) or even button.gz, which would have the html/css/js all bundled together in a sensible and opinionated way. The lack of opinions on how to organize your components, and the lack of html imports, have led to a chaotic mess where everything has to be interpreted before first paint.