title: Dispatching action in redux when click section list item makes app slow
body: <p>I have a section list in React Native that have a large number of items around 400+ items so on each item click i am navigating to the next screen and dispatching action from redux using slices. I am passing the <code>ContactItem</code> component to the render item function of the <code>SectionList</code></p>
  <pre><code>   const ContactItem = ({ contact }: { contact: IContact }) =&gt; (
              &lt;ContactListItem
                  key={contact.key}
                  name={contact.value}
                  thumbColor={contact.color}
                  phone={contact.phone}
                  searchWord={searchQuery}
                  onPress={() =&gt; {
                      dispatch(getContact(contact));
                      navigation.navigate('Chat');
                  }}
              /&gt;
  );
  </code></pre>
  <p>and here is the reducers function getContact i am just saving the clicked contact object</p>
  <pre><code>getContact(state, action) {
              state.singleContact = action.payload;
  }
  </code></pre>
  <p>but when clicking the item it stucks around 2 seconds and then do a slow navigation to the chat screen so anyone had faced this issue before and what could be the problem for that slow performance ?</p>
  <p>NB: i removed the dispatch and just did the navigation only and it still slow so the problem i think is with the long list</p>