title: How to name an abstract class that all components extend from?
body: <p>I have a simple abstract class that have some common properties and methods, that all my components want to share. This abstract class in not a component by itself but all my components extend it. My naming convention for components is to name for example <code>SidePanelComponent</code> class at a file <code>sidePanel.component.ts</code>. The question is, what is the recommended convention to name my Base Abstract class?</p>
  
  <pre><code>abstract class Base {} 
  </code></pre>
  
  <p>or </p>
  
  <pre><code>abstract class BaseComponent {}
  
  
  @Component({
     ....
  })
  class SidePanelComponent extends Base {}
  </code></pre>
  
  <p>Should I name my Base class using the component keyword in the name even though it is not a component by itself? </p>