fluentui
fluentui copied to clipboard
microsoft
feat: Support transform animations for positioned components
Perf Analysis (@fluentui/react-components)
| Scenario | Render type | Master Ticks | PR Ticks | Iterations | Status |
|---|---|---|---|---|---|
| InfoButton | mount | 15 | 12 | 5000 | Possible regression |
All results
| Scenario | Render type | Master Ticks | PR Ticks | Iterations | Status |
|---|---|---|---|---|---|
| Avatar | mount | 580 | 566 | 5000 | |
| Button | mount | 289 | 291 | 5000 | |
| Field | mount | 1049 | 1018 | 5000 | |
| FluentProvider | mount | 644 | 652 | 5000 | |
| FluentProviderWithTheme | mount | 76 | 76 | 10 | |
| FluentProviderWithTheme | virtual-rerender | 59 | 70 | 10 | |
| FluentProviderWithTheme | virtual-rerender-with-unmount | 64 | 73 | 10 | |
| InfoButton | mount | 15 | 12 | 5000 | Possible regression |
| MakeStyles | mount | 845 | 873 | 50000 | |
| Persona | mount | 1620 | 1557 | 5000 | |
| SpinButton | mount | 1313 | 1309 | 5000 |
Asset size changes
Size Auditor did not detect a change in bundle size for any component!
Baseline commit: 8f51f158b2fd9ab7ff766d6e1441895b64752178 (build)
![size-auditor[bot] avatar](https://avatars.githubusercontent.com/in/13711?v=4 "Published by a pub.dev verified publisher"){kind=small}
This pull request is automatically built and testable in CodeSandbox.
To see build info of the built libraries, click here or the icon next to each commit SHA.
Latest deployment of this branch, based on commit 217ed8f54e84357575f0ea6c0fdcffd3ceb3d398:
| Sandbox | Source |
|---|---|
| @fluentui/react 8 starter | Configuration |
| @fluentui/react-components 9 starter | Configuration |
![codesandbox-ci[bot] avatar](https://avatars.githubusercontent.com/in/38409?v=4 "Published by a pub.dev verified publisher"){kind=small}
📊 Bundle size report
| Package & Exports | Baseline (minified/GZIP) | PR | Change |
|---|---|---|---|
| react-components react-components: Accordion, Button, FluentProvider, Image, Menu, Popover |
206.461 kB57.925 kB |
211.151 kB58.715 kB |
4.69 kB 790 B |
| react-infobutton InfoButton |
130.157 kB39.793 kB |
132.502 kB40.405 kB |
2.345 kB 612 B |
| react-infobutton InfoLabel |
133.622 kB40.861 kB |
135.967 kB41.466 kB |
2.345 kB 605 B |
| react-menu Menu (including children components) |
130.884 kB39.953 kB |
133.229 kB40.538 kB |
2.345 kB 585 B |
| react-menu Menu (including selectable components) |
133.868 kB40.486 kB |
136.213 kB41.069 kB |
2.345 kB 583 B |
| react-popover Popover |
117.119 kB36.133 kB |
119.464 kB36.745 kB |
2.345 kB 612 B |
Unchanged fixtures
| Package & Exports | Size (minified/GZIP) |
|---|---|
| react-alert Alert |
93.585 kB22.546 kB |
| react-avatar Avatar |
57.833 kB15.1 kB |
| react-avatar AvatarGroup |
15.682 kB6.306 kB |
| react-avatar AvatarGroupItem |
74.009 kB19.59 kB |
| react-combobox Combobox (including child components) |
87.771 kB28.249 kB |
| react-combobox Dropdown (including child components) |
86.11 kB27.854 kB |
| react-components react-components: Button, FluentProvider & webLightTheme |
64.935 kB17.918 kB |
| react-components react-components: FluentProvider & webLightTheme |
36.168 kB11.964 kB |
| react-datepicker-compat DatePicker Compat |
222.596 kB59.214 kB |
| react-persona Persona |
64.754 kB17.021 kB |
| react-portal-compat PortalCompatProvider |
6.473 kB2.196 kB |
| react-positioning usePositioning |
24.249 kB8.856 kB |
| react-table DataGrid |
150.941 kB41.535 kB |
| react-table Table (Primitives only) |
45.147 kB12.577 kB |
| react-table Table as DataGrid |
133.392 kB34.008 kB |
| react-table Table (Selection only) |
79.161 kB19.386 kB |
| react-table Table (Sort only) |
78.491 kB19.195 kB |
| react-tags Tag |
22.04 kB7.94 kB |
| react-tooltip Tooltip |
47.119 kB16.528 kB |
:tada:@fluentui/[email protected] has been released which incorporates this pull request.:tada:
Handy links:
:tada:@fluentui/[email protected] has been released which incorporates this pull request.:tada:
Handy links:
:tada:@fluentui/[email protected] has been released which incorporates this pull request.:tada:
Handy links: