title: React Native Touch events responding very slow
body: <p>I was creating a very simple first Native app in React but my app is responding very slow to events such as touch</p>
  
  <p>As suggested I have implemented several things like implementing <code>FlatList</code> instead of mapping and so on.. </p>
  
  <p>The two things which i think i might be doing wrong is updating state in </p>
  
  <pre><code>componentDidUpdate() {
  
  var updateCoinData = [...this.props.cryptoLoaded];
   socket.on('trades', (tradeMsg) =&gt; {
    for (let i=0; i&lt;updateCoinData.length; i++) {
  
      if (updateCoinData[i]["short"] == tradeMsg.coin ) {
  
      //Search for changed Crypto Value
      updateCoinData[i]["perc"] = tradeMsg["message"]["msg"]["perc"]
      updateCoinData[i]['mktcap'] = tradeMsg['message']['msg']["mktcap"]
      updateCoinData[i]['price'] = tradeMsg['message']['msg']['price']
  
      //Update the crypto Value state in Redux
      this.props.updateCrypto(updateCoinData);
  
        }
      }
   })
  </code></pre>
  
  <p>or maybe calling <code>setState</code> too often in my child component. </p>
  
  <p>If anyone wants reference this is the link to my repository 
  <a href="https://github.com/irohitb/Crypto" rel="nofollow noreferrer">https://github.com/irohitb/Crypto</a></p>
  
  <p>These are the two files where most of the operations are happening </p>
  
  <p><a href="https://github.com/irohitb/Crypto/blob/master/src/components/CoinCard.js" rel="nofollow noreferrer">Child Repository</a></p>
  
  <p><a href="https://github.com/irohitb/Crypto/blob/master/src/container/cryptoContainer.js" rel="nofollow noreferrer">Parent Repository</a> </p>
  
  <p>I know it is probably too much to ask but can someone help me/suggest me how I can improve its performance. </p>