title: Async Pipe and ngrx store
body: <p>In the ngrx store when i do select to the state and then use the object in the template multiple time with async pipe.
  Does this hurt preformance?</p>
  
  <p>This is the code i am using :</p>
  
  <p>Constructor :</p>
  
  <pre><code>this.tabs = this.store.select(s =&gt; { return s.lobby.lobbyTabs});
  </code></pre>
  
  <p>Template :</p>
  
  <pre><code>&lt;div *ngIf="(tabs | async) &amp;&amp; (tabs | async).length &gt;0 &amp;&amp; (tabs | async)[tabIndex].TabPositions &amp;&amp; (tabs | async)[tabIndex].TabPositions.length &gt; 0 &amp;&amp; (tabs | async)[tabIndex].themeId ==1"&gt;
  
  &lt;div *ngFor="let i of createNumArray((tabs | async)[tabIndex].TabPositions.length)" class="column"&gt;
                &lt;app-ticket [ticket]='rooms[(tabs | async)[tabIndex].TabPositions[i-1].Id]' [themeId]='(tabs | async)[tabIndex].themeId'
                  [lastLobbyTimestamp]='(lastLobbyTimestamp | async)'&gt;&lt;/app-ticket&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>Is there a better way to work with the async pipe?</p>