fluentui
fluentui copied to clipboard
microsoft
Virtualizer: Optimize IO usage and export useMeasureList
Previous Behavior
useMeasureList was not exported IO would iterate based on it's current position
New Behavior
useMeasureList is now exported IO now iterates based on how far into the IO the user scrolls, cutting down re-renders significantly
Perf Analysis (@fluentui/react-components)
| Scenario | Render type | Master Ticks | PR Ticks | Iterations | Status |
|---|---|---|---|---|---|
| FluentProviderWithTheme | virtual-rerender | 40 | 32 | 10 | Possible regression |
All results
| Scenario | Render type | Master Ticks | PR Ticks | Iterations | Status |
|---|---|---|---|---|---|
| Avatar | mount | 610 | 661 | 5000 | |
| Button | mount | 328 | 302 | 5000 | |
| Field | mount | 1135 | 1116 | 5000 | |
| FluentProvider | mount | 731 | 702 | 5000 | |
| FluentProviderWithTheme | mount | 84 | 85 | 10 | |
| FluentProviderWithTheme | virtual-rerender | 40 | 32 | 10 | Possible regression |
| FluentProviderWithTheme | virtual-rerender-with-unmount | 82 | 75 | 10 | |
| MakeStyles | mount | 867 | 888 | 50000 | |
| Persona | mount | 1760 | 1689 | 5000 | |
| SpinButton | mount | 1382 | 1381 | 5000 | |
| SwatchPicker | mount | 1661 | 1676 | 5000 |