title: Lots of little NG-IF versus Few NG-IF but with a lot of code inside
body: <p>I have page with lots of little variations on elements and images.
  They're controlled by a filter, which "show/hide" elements from the user.</p>
  
  <p>Right now, I have a single file(component) with many ngIf's controlling this show/hide, and these conditions eventually become big ifs like these:</p>
  
  <pre><code>*nfIf="condition1 &amp;&amp; (!condition2 || !condition3)"
  </code></pre>
  
  <p>This component will repeat in a list. So the ngFor will replicate these tests for every component. </p>
  
  <p>So in terms of <strong>performance</strong>(forgeting DRY) on Angular. If I change my approach to use less IF's, like only 5, but replicating blocks of code, one after another. </p>
  
  <p>Will it run faster? I'm picturing the browser checking and testing every condition.  Any clue?</p>