title: React useSelector hook Is it better to spread object or specify only needed fields
body: <p>If I have a huge object say (40+ fields) and I call useSelector in a component but only need 3 fields of such object is it better for performance to just call 3 fields like this:</p>
  <pre><code>const user = useSelector((state) =&gt; ({
      id: state.userReducer.id,
      name: state.userReducer.name,
      lastName: state.userReducer.lastName
    }));
  </code></pre>
  <p>In this  case its okayish because we only need 3 fields, but if we need 10+ fields things can get quite verbose. In which case a <strong>spread operator</strong> saves me a lot of code but is it a bad practice? due to obfuscation of code, performance or some other reasons?</p>
  <pre><code>const user = useSelector((state) =&gt; ({ ...state.userReducer }));
  </code></pre>