> For whatever reason, most webcomponent tutorials start with rendering things in their shadow DOM, not the main DOM

Yeah this a thing that turns lots of people off from using and it's usually presented as "of course you want this". And it's a real practical limiter to using for normal apps (I get embedded standalone widgets)