title: How to track the change happened in an object using `NGRX` Store in Angular 10 application
body: <p>I am new to the <code>NGRX</code>. I need to compare a object and sent the data to the server. In my application I'm getting big collection of <code>object</code> from server to render on the screen and user will only edit few property of them. So rather than save sending the complete object to the server I prefer to send only changed property of the object. So, the payload is less and only those field in DB need to be updated.</p>
  <ol>
  <li>Every edit happens there will be an update to store so at that time I need a mechanism to get the property changed and its object.</li>
  </ol>
  <p>e.g: object which I'm getting while loading data:</p>
  <pre class="lang-js prettyprint-override"><code>[
  dummyObject:{
               prop0:string;
               prop1:string;
               prop2:string;
               prop3:string;
               prop4:string;
               prop5:string;
           },
  dummyObject2:{
               obj2:string;
               obj3:string;
               obj4:string;
               obj5:string;
               obj6:string;
               obj7:string;
           }
  ]  
  </code></pre>
  <p>User just will edit <strong>prop3 &amp; prop4</strong></p>
  <p>Now I need to sent only object which property got changed with only changed property init.</p>
  <pre class="lang-js prettyprint-override"><code>[
  dummyObject:{
               prop3:string;
               prop4:string;
           }  
  ]
  </code></pre>
  <p>Is there any mechanism to get the changed using the <code>NGRX</code> Store functionality.</p>
  <p>Any hint to dig deep.</p>