title: Game of Life in React/Redux, help in increasing performance
body: <p>I am working on a  version of The Game of Life in react/redux/javascript, whilst i have it working the performance is horrible.</p>
  
  <p><a href="https://dcc-game-of-life.herokuapp.com" rel="noreferrer">Here is a link to the running game</a>
  <a href="https://github.com/gazzer82/fcc-game-of-life" rel="noreferrer">Here's the source on githhub</a></p>
  
  <p>At the moment, i am at every tick (250,500,750ms changeable by the user) updating the state of each cell. For that i am looping through an array of objects that represent each cell. Within each object is a parameter called status which can be an integer on 1 for alive or 0 for dead.</p>
  
  <p>I am then pulling in three rows of three cells, for the above middle and bottom rows around the cell in question, i then sum those values (excluding the cell itself in the centre).</p>
  
  <p>I then run that number through an if/then flow to decide the new state of that cell.</p>
  
  <p>This process then repeats for every single cell in the application. Once it's done the new state of each cell is dispatched using redux and the components update as needed.</p>
  
  <p>In the actual view, each cell is a react component that receives it's state as a prop from the container which is the grid. I have setup shoulComponentRender() to only re-render the cell when it's life status changes.</p>
  
  <p>I think from profiling the app (which i'm not very clear/good at) that it is the process of calculating all the values that is slowing things down, but i could be wrong and it could be the React components that are causing the issue.</p>
  
  <p>Any help/assistance appreciated!</p>