В реагировать на devtools, что означают различные цвета подсветки опции "highlightUpdates"

Question

Я использовал response-devtools для обнаружения ненужных обновлений компонентов, однако я не уверен, что полностью понимаю, как это работает.

Я могу идентифицировать различные компоненты, которые были обновлены, по добавленным границам, указывая, что они были обновлены, но я не уверен, что означают различные цвета этих границ (я до сих пор видел голубой и светло-зеленый цвета).

Answer 1

Я тоже не знаком с этим, но я буду прослеживать код!:)

Это компонент, который отображает переключатель "Highlight Updates". Это вызывает changeTraceUpdates метод в основном Store который отправляет сообщение через "мост" для активации TraceUpdatesBackendManager, Обыскивая этот файл, мы видим пару классов с такими именами, как "ведущий"; Я предполагаю, что один из них - это то, что фактически рисует границу Особенно, TraceUpdatesWebNodePresenter выглядит связанным, потому что он определяет массив COLORS, Похоже, что эти цвета выбираются на основе атрибута "hit", который, как подсказывает быстрый поиск, устанавливается TraceUpdatesAbstractNodePresenter - и увеличивается каждый раз, когда элемент "представлен".

Тогда, читая между строк, я предполагаю, что это означает, что компоненты, которые отображаются реже, будут выделены "холодными" цветами (синим), а компоненты, которые отображаются чаще, будут выделены "горячими" цветами (красным).