title: Angular 4 file naming conventions
body: <p>I'm moving from AngularJS to Angular4 and the examples I have seen follow a naming convention. I am discussing Components mainly.
  It appears to be the convention to have a app/components folder and then a separate folder underneath that for every component. That seems reasonable. But then in the examples I have seen for the component "mine" the filenames are mine.component.html, mine.component.ts and mine.component.css</p>
  
  <p>Is there a good reason for this? The fact that it is under the components folder would seem to make the use of the .component portion irrelevant.</p>
  
  <p>Further, if I have a component that itself contains components and those components are only ever to be used by that component, does it make sense to put them under app/components. Wouldn't it make more sense to put them in app/components/mine?</p>
  
  <p>Generally i tend to follow the patterns I have observed because I figure that there is generally a good reason for it but I can't see any particular reason for these conventions.</p>
  
  <p>Please set me straight.</p>