реагировать визуализировать элементы повторного рендеринга/обновления

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 и нажмите клавишу перехода на клавиатуре. Перейдите на вкладку рендеринга в панели, которая появляется и выберите «Показать краски прямоугольники» или «Paint мигающий»: