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?
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.
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
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.
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.
Highlight updates has been released in React Dev Tools V4
https://github.com/facebook/react/pull/16989
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
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With