Document how highlight updates works in the optimizing performance pa… by sanjsanj · Pull Request #387 · reactjs/reactjs.org · GitHub

  • Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
  • Already on GitHub?
  • Sign in to your account

reactjs.org – The React documentation website

The vote is over, but the fight for net neutrality isn’t. Show your support for a free and open internet.

GitHub is home to over 20 million developers working together to host and review code, manage projects, and build software together.

…ge – closes #360

Thank you for the PR! Contributors like you keep React awesome!

Please see the Contribution Guide for guidelines:

If your PR references an existing issue, please add the issue number below:

Deploy preview ready!

Built with commit b7cb27a

@@ -180,6 +180,34 @@ Note that **the numbers are relative so components will render faster in product

Currently Chrome, Edge, and IE are the only browsers supporting this feature, but we use the standard [User Timing API](https://developer.mozilla.org/en-US/docs/Web/API/User_Timing_API) so we expect more browsers to add support for it.

+## Visualize Component Updates with React DevTools’ Highlight Updates Feature

+React DevTools Highlight Updates example

I think we might want to re-record a gif without recommendation to use Redux. Since in this context it appears as if it’s us recommending it 🙂

Sure thing.

+- Interact with your page and you should see colored borders momentarily appear around any element that has redrawn.

+The color of the border represents how many redraws have occurred on a ‘heat’ scale, with…

Document how highlight updates works in the optimizing performance pa… by sanjsanj · Pull Request #387 · reactjs/reactjs.org · GitHub