title: Where to translate with ngx-translate and ngrx in Angular 5?
body: <p>We have an application, that uses Redux-Pattern with <a href="https://github.com/ngrx/platform" rel="nofollow noreferrer">ngrx</a> as well as <a href="https://github.com/ngx-translate/core" rel="nofollow noreferrer">ngx-translate</a> for i18n. I already learned from <a href="https://stackoverflow.com/a/48551317/2725515">this answer</a> how to handle the Angular i18n approach together with ngrx, but I don't know where the ngx-translate-approach fits best into an ngrx application.</p>
  
  <p>Translation can be done</p>
  
  <ul>
  <li>by service: <code>this.translateService.get('SOME_KEY')</code></li>
  <li>or by pipe: <code>{{ 'SOME_KEY' | translate }}</code></li>
  </ul>
  
  <p>which offers four possible places, where keys can be translated:</p>
  
  <ol>
  <li>in the component, before calling an action</li>
  <li>in the action itself, before passing the data to the store</li>
  <li>in the reducer</li>
  <li>in the view, when a rerendering is triggered by a state change</li>
  </ol>
  
  <p><strong>Where would you consider it the cleanest way to put the translation process?</strong></p>