反应可视化重新渲染/更新元素

Question

我使用react渲染数千个svg元素，并希望确保在输入发生变化时完成最小的渲染。有时单个节点会更新，因为我不做任何shouldComponentUpdate，所以应该重新渲染所有元素。我想知道是否有可用于可视化变化的包。我看到两个包

https://github.com/redsunsoft/react-render-visualizer

https://github.com/spredfast/react-transform-render-visualizer

但我真正追求的是这篇文章是如何完成的

http://blog.atom.io/2014/07/02/moving-atom-to-react.html

怎么办？任何可用的套餐？

Answer 1

Chrome的DevTools中有一个设置提供了一个名为Show paint rectangles或Paint Flashing的非常相似的可视化效果。转到DevTools并点击键盘上的转义键。转到出现的面板中的渲染选项卡，然后选择＆＃34;显示绘制矩形＆＃34;或＆＃34; Paint Flashing＆＃34;：