influxdata / influxdata/ui

Dashboard Performance - Handle Unnecessary Prop Changes

Open
#3,558 0 comments 0 reactions 0 assignees View on GitHub
performance team/dumplings team/ui
Dominant language
TypeScript
Stars
117
Forks
51
Avg merge
2d 15h
Merged PRs (30d)
4

Description

### Background
Components can rerender unnecessarily when they are passed the same props but React computes them to be different due to how react computes prop changes. The majority of the components in the app that re-render are called but unnecessary prop changes. These might be caused by things like using anonymous functions, or by creating a new style object in a render loop. See [this explanation](https://medium.com/welldone-software/why-did-you-render-mr-big-pure-react-component-part-2-common-fixing-scenarios-667bfdec2e0f) from the WhyDidYouRender library.

### Components to investigate
- [ ] `OverlayController`
- [ ] `TypeAheadDropDown`
- [ ] `DashboardRoute`
- [ ] `TimeRangeDropdown`

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.