perf: Optimize dashboard chart-related components #31241
Merged
+850
−884
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
SUMMARY
This PR supersedes #30958.
Related to PRs: #31240, #31242, #31243, #31244.
Optimizes gridComponents/Chart.jsx and ChartHolder.tsx components - converted Chart.jsx to function component, memoized props passed to children, optimized Redux selectors.
BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF
For detailed perf improvement results, see the details in PR #30958
TESTING INSTRUCTIONS
No functional changes - the dashboard, native filters, cross filters, chart actions, etc. should work like before
ADDITIONAL INFORMATION