title: Angular performance - pipe vs getter
body: <p>For example I have simple array with ToDo items.    </p>
  
  <pre><code>[
    { name: 'Item 1', completed: false },
    { name: 'Item 2', completed: false }
    { name: 'Item 3', completed: true }
    { name: 'Item 4', completed: false }
  ]
  </code></pre>
  
  <p>This array should be displayed in 2 rows:<br>
  <strong>Done</strong> and <strong>Not Done</strong>.  </p>
  
  <p>I have 2 options to do it.<br>
  <strong>1 Getter.</strong>  </p>
  
  <pre><code>public get doneItems() { 
      // filter and return only done items. And similar method for not done 
  }
  </code></pre>
  
  <p><strong>2 Pipe.</strong>  </p>
  
  <p>Question:<br>
  Do you have some metrics or suggestions which options has better performance, in case there should be live updated array (add, remove, update) and more complicated items and up to 100 items on page.<br>
  Thanks! </p>