title: Update single object in Angular Store On Update
body: <p>I am currently using the '@ngrx/store' to store data locally to display in a table. Part of the functionality of the component is that I have to be able to edit/update the users.</p>
  <p>I have set up my user actions, effects, reducer, and selector. I am using an API connection to access this data from a remote database.</p>
  <p>My issue is that once I have a list of users in memory, I cannot edit them. Instead, it seems like when I update one of the users, I have to clone the object, then edit it and pass that to my update function.</p>
  <p>However, I still cannot seem to update my local in memory copy of the users array state without having to hit the remote server and download them ALL again.</p>
  <p>Below is my reducer code:</p>
  <pre><code>case Actions.UPDATE_SUCCESS: {
        let user= action.payload as User;   
        let position = state.data.findIndex(x =&gt; x.id === user.id);
        let temp: User[] = _omit(state.data, position);
        temp.splice(num, 0, test); //This function outright fails to execute
        const newState = {
          ...state,
          usersData: temp
        }
        return newState;
      }
  </code></pre>
  <p>Is there a better way to do this?</p>