反應可視化重新渲染/更新元素

Question

我使用反應呈現數以千計的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並點擊鍵盤上的退出鍵。轉到出現的面板中的渲染選項卡，選擇「顯示油漆的矩形」或「畫圖閃爍」：