Performance Issues - Based on React Component Rerenders

[Prithvirajkumar]

Problem Statement

As a developer using Sentry's Performance Monitoring for my React application, I want to be able to automatically detect and group performance issues based on the number of React component rerenders. This feature will help me quickly identify and resolve bottlenecks in my React application caused by excessive component updates, allowing me to optimize my application's performance.

Solution Brainstorm

Problem Detection
Sentry's Performance Monitoring can extend its capabilities to automatically detect and group performance issues based on the number of React component rerenders within a transaction. These details is currently captured and available as spans when using Track React Components.

New Performance Issue Category
Introduce a new category for performance issues, such as "Excessive Rerenders," in the Performance Monitoring interface to display these performance issues.

Product Area

Issues

Tasks

Beta Give feedback

No tasks being tracked yet.

[getsantry]

Routing to @getsentry/product-owners-issues for triage ⏲️

[getsantry]

Assigning to @getsentry/support for routing ⏲️

[getsantry]

Routing to @getsentry/product-owners-performance for triage ⏲️

[nanoburd]

This is a very interesting idea and actually something we've thought about as well. I am very curious what sort of rerenders would be important for you to know about and if the complexity of the component is important to you as well or if its purely just the number of components and rerenders.