Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

React devtools "highlight updates" in V4

Did they remove the ability to highlight updates in React Dev Tools V4? I can't seem to find it anywhere. I do miss it so.

You know, this thing? enter image description here

like image 400
Galupuf Avatar asked Aug 19 '19 20:08

Galupuf


People also ask

How to enable react updates in devtool?

Now, whenever you load a React app, a React tab will appear on the DevTool: Click on the React tab. You will see a checkbox with the label "Highlight updates". If you don't see one, click on the settings icon, a modal will pop up, there you will see a "Highlight updates" checkbox. If it is not checked, click on it to check.

What are the different colors in react Dev tool?

There are different colors React Dev Tool can show: blue, green, yellow, red. They depend on the frequency of the components update. If a component is frequently updated, a red color highlight will be shown. blue infrequent updates green not too infrequent yellow frequent red very frequent

What is Highlighter in react developer tools?

Highlighting rendering components React Developer Tools is a DevTool extension that helps us debug, profile and monitor our React app execution in our browser. It provides us with a highlighter that colors the boundaries of React component (s) whenever they are re-rendered.

What is the difference between react-DevTools@3 and react-DevTools@4?

react-devtools@3 is compatible with React Native 0.61 and earlier. react-devtools@4 is compatible with React Native 0.62 and later. React Native 0.62 will be released soon. Locking this thread to prevent more confusion.


2 Answers

Highlight updates has been released in React Dev Tools V4

https://github.com/facebook/react/pull/16989

like image 170
Kevin Wang Avatar answered Nov 15 '22 04:11

Kevin Wang


The honest answer is we didn't quite have the time to implement it, and didn't consider it important enough to block all the other features from releasing.

You can read more about if they're going to implement it again here:

https://github.com/facebook/react/issues/16437

like image 43
Galupuf Avatar answered Nov 15 '22 03:11

Galupuf