getsentry / sentry

Developer-first error tracking and performance monitoring
https://sentry.io
Other
38.94k stars 4.17k forks source link

Performance Issues - Based on React Component Rerenders #58888

Open Prithvirajkumar opened 12 months ago

Prithvirajkumar commented 12 months ago

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
getsantry[bot] commented 12 months ago

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

getsantry[bot] commented 12 months ago

Assigning to @getsentry/support for routing ⏲️

getsantry[bot] commented 11 months ago

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

nanoburd commented 11 months ago

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.