title: How to structure an app using Web Components
body: <p>I'd love to do more with Web Components, but I am uncertain about how to use them the right way. I am used to building web apps in React, Vue.js etc.</p>
  
  <p>So in React people try to abstract everything in a component to make it more reusable and manageable, like <code>&lt;Input /&gt;</code>, <code>&lt;Button /&gt;</code>, <code>&lt;Header /&gt;</code>. I wonder if this approach should be used for Web Components as well?</p>
  
  <p>Or is it better to do it like GitHub does, looking at their dropdown menus as an example which are nicely wrapped as a component? But they don't use them everywhere, rather for specific situations.</p>
  
  <p>Is there a recommendation? Any best-practices on how to structure an app and its pieces with Web Components?</p>