How can I improve performance with a big table?
<p>I have a parent container which holds a table(each row is a child component).
The child component is a bit heavy in terms of data(has many images)</p>

<p>So it looks like:</p>

<pre><code>&lt;parent&gt;
    &lt;child&gt; &lt;/child&gt;
    &lt;child&gt; &lt;/child&gt;
    &lt;child&gt; &lt;/child&gt;
    ...
&lt;/parent&gt;
</code></pre>

<p>Not when I re-render the parent component(child component is stopped at shouldComponentUpdate, so doesnt re-render), it takes a lot of time.</p>

<p>Perf.timeWasted not showing anything.</p>

<p>When i re-render a single child it re-renders fast.</p>

<p>Maybe it regards the react virtual DOM calculations?</p>

<p>Is there any other tests/directions i should look at?</p>

<p><strong>EDIT</strong>:</p>

<p>The child's shouldComponentUpdate is very small, looks like:</p>

<pre><code>shouldComponentUpdate(nextProps, nextState) {
    let shouldUpdate =nextProps.test1;
    return shouldUpdate;
}
</code></pre>