0

We are using React Developer Tools to benchmark our React app.

Could anyone please help to explain, here

The component IncidentList renders for "17.1ms of 54.3ms", if i understand correctly, 17.1ms means the time IncidentList uses to render. How about the remaining time 54.3-17.1? We use redux here, does it mean that redux consumes the remaining time?

Reference:

  1. https://www.pluralsight.com/guides/profiling-performance-with-react-developer-tools
  2. https://reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html
Joy
  • 9,430
  • 11
  • 44
  • 95
  • 1
    The remaining time 54.3-17.1 is likely the time it took for the components that IncidentList renders to render. The React Developer Tools measure the time it takes a component to render its own content and the time it takes for its child components to render. Redux does not consume any of the time, as it is not related to React's rendering. Instead, Redux is used to manage the state of your application and can be used to update components in response to user actions. – Simon Sultana Jan 20 '23 at 01:57

0 Answers0