Skip to content

Conversation

@layershifter
Copy link
Member

Pull request checklist

Description of changes

This PR removes SizeAuditor task for converged components as it's not needed anymore.
Fixtures for new bundle size tool are recreated in #18970.

@codesandbox-ci
Copy link

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 0f317a8:

Sandbox Source
Fluent UI React Starter Configuration

@layershifter layershifter mentioned this pull request Jul 16, 2021
6 tasks
@size-auditor
Copy link

size-auditor bot commented Jul 16, 2021

Asset size changes

Project Bundle Baseline Size New Size Difference
office-ui-fabric-react fluentui-react-components-useFluent 179 bytes  Deleted       BelowBaseline     -179 bytes
office-ui-fabric-react fluentui-react-components-mergeClasses 1.307 kB  Deleted       BelowBaseline     -1.307 kB
office-ui-fabric-react fluentui-react-components-__styles 2.116 kB  Deleted       BelowBaseline     -2.116 kB
office-ui-fabric-react fluentui-react-components-makeStaticStyles 7.59 kB  Deleted       BelowBaseline     -7.59 kB
office-ui-fabric-react fluentui-react-components-Portal 7.99 kB  Deleted       BelowBaseline     -7.99 kB
office-ui-fabric-react fluentui-react-components-Image 10.642 kB  Deleted       BelowBaseline     -10.642 kB
office-ui-fabric-react fluentui-react-components-Accordion 13.936 kB  Deleted       BelowBaseline     -13.936 kB
office-ui-fabric-react fluentui-react-components-Link 14.715 kB  Deleted       BelowBaseline     -14.715 kB
office-ui-fabric-react fluentui-react-components-Divider 15.889 kB  Deleted       BelowBaseline     -15.889 kB
office-ui-fabric-react fluentui-react-components-FluentProvider 16.34 kB  Deleted       BelowBaseline     -16.34 kB
office-ui-fabric-react fluentui-react-components-teamsLightTheme 19.527 kB  Deleted       BelowBaseline     -19.527 kB
office-ui-fabric-react fluentui-react-components-webLightTheme 19.527 kB  Deleted       BelowBaseline     -19.527 kB
office-ui-fabric-react fluentui-react-components-makeStyles 21.685 kB  Deleted       BelowBaseline     -21.685 kB
office-ui-fabric-react fluentui-react-components-Badge 24.393 kB  Deleted       BelowBaseline     -24.393 kB
office-ui-fabric-react fluentui-react-components-Button 25.967 kB  Deleted       BelowBaseline     -25.967 kB
office-ui-fabric-react fluentui-react-components-MenuButton 27.552 kB  Deleted       BelowBaseline     -27.552 kB
office-ui-fabric-react fluentui-react-components-Label 28.622 kB  Deleted       BelowBaseline     -28.622 kB
office-ui-fabric-react fluentui-react-components-CompoundButton 31.409 kB  Deleted       BelowBaseline     -31.409 kB
office-ui-fabric-react fluentui-react-components-ToggleButton 36.393 kB  Deleted       BelowBaseline     -36.393 kB
office-ui-fabric-react fluentui-react-components-Tooltip 44.905 kB  Deleted       BelowBaseline     -44.905 kB
office-ui-fabric-react fluentui-react-components-Avatar 54.293 kB  Deleted       BelowBaseline     -54.293 kB
office-ui-fabric-react fluentui-react-components-Menu 93.867 kB  Deleted       BelowBaseline     -93.867 kB

ExceedsTolerance Over Tolerance (1024 B) ExceedsBaseline Over Baseline BelowBaseline Below Baseline New New Deleted  Removed 1 kB = 1000 B

Baseline commit: 8ebf2d422547bda60eb22eae2b12c3bd1339ec06 (build)

@fabricteam
Copy link
Collaborator

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-divider
Divider
15.889 kB
5.747 kB
react-image
Image
10.642 kB
4.264 kB
react-make-styles
makeStaticStyles (runtime)
7.59 kB
3.321 kB
react-make-styles
makeStyles + mergeClasses (runtime)
22.135 kB
8.356 kB
react-make-styles
makeStyles + mergeClasses (build time)
2.557 kB
1.202 kB
react-menu
Menu - Default
113.947 kB
34.389 kB
react-menu
Menu - Selectable
115.959 kB
34.649 kB
react-popover
Popover
140.938 kB
41.968 kB
react-theme
Teams: all themes
31.935 kB
6.49 kB
react-theme
Teams: Light theme
19.527 kB
5.504 kB
🤖 This report was generated against 8ebf2d422547bda60eb22eae2b12c3bd1339ec06

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 792 798 5000
BaseButton mount 865 850 5000
Breadcrumb mount 2582 2566 1000
ButtonNext mount 512 511 5000
Checkbox mount 1474 1476 5000
CheckboxBase mount 1262 1248 5000
ChoiceGroup mount 4567 4583 5000
ComboBox mount 978 974 1000
CommandBar mount 9908 9888 1000
ContextualMenu mount 6046 6050 1000
DefaultButton mount 1122 1090 5000
DetailsRow mount 3588 3554 5000
DetailsRowFast mount 3562 3557 5000
DetailsRowNoStyles mount 3371 3392 5000
Dialog mount 2133 2085 1000
DocumentCardTitle mount 128 133 1000
Dropdown mount 3118 3145 5000
FluentProviderNext mount 7085 7104 5000
FocusTrapZone mount 1733 1750 5000
FocusZone mount 1763 1742 5000
IconButton mount 1662 1693 5000
Label mount 321 328 5000
Layer mount 1732 1762 5000
Link mount 451 447 5000
MakeStyles mount 1787 1781 50000
MenuButton mount 1430 1424 5000
MessageBar mount 2033 1983 5000
Nav mount 3112 3181 1000
OverflowSet mount 1039 999 5000
Panel mount 2035 2004 1000
Persona mount 795 786 1000
Pivot mount 1379 1358 1000
PrimaryButton mount 1247 1239 5000
Rating mount 7417 7410 5000
SearchBox mount 1279 1272 5000
Shimmer mount 2457 2448 5000
Slider mount 1875 1907 5000
SpinButton mount 4907 4734 5000
Spinner mount 403 398 5000
SplitButton mount 3044 3079 5000
Stack mount 478 487 5000
StackWithIntrinsicChildren mount 1490 1508 5000
StackWithTextChildren mount 4377 4421 5000
SwatchColorPicker mount 9896 9940 5000
Tabs mount 1360 1352 1000
TagPicker mount 2359 2307 5000
TeachingBubble mount 11666 11612 5000
Text mount 401 408 5000
TextField mount 1334 1326 5000
ThemeProvider mount 1181 1176 5000
ThemeProvider virtual-rerender 588 597 5000
Toggle mount 807 794 5000
buttonNative mount 111 111 5000

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
PortalMinimalPerf.default 179 165 1.08:1
AvatarMinimalPerf.default 194 181 1.07:1
AttachmentMinimalPerf.default 155 146 1.06:1
ListWith60ListItems.default 630 601 1.05:1
CarouselMinimalPerf.default 448 436 1.03:1
HeaderSlotsPerf.default 755 733 1.03:1
RadioGroupMinimalPerf.default 430 416 1.03:1
TableManyItemsPerf.default 1881 1821 1.03:1
TextMinimalPerf.default 333 324 1.03:1
DialogMinimalPerf.default 722 710 1.02:1
GridMinimalPerf.default 330 324 1.02:1
HeaderMinimalPerf.default 356 349 1.02:1
ListCommonPerf.default 611 600 1.02:1
LoaderMinimalPerf.default 682 668 1.02:1
SegmentMinimalPerf.default 328 323 1.02:1
SplitButtonMinimalPerf.default 3754 3696 1.02:1
AttachmentSlotsPerf.default 1031 1017 1.01:1
ChatWithPopoverPerf.default 346 343 1.01:1
DividerMinimalPerf.default 352 347 1.01:1
ItemLayoutMinimalPerf.default 1183 1172 1.01:1
LabelMinimalPerf.default 367 362 1.01:1
MenuMinimalPerf.default 805 794 1.01:1
SkeletonMinimalPerf.default 346 342 1.01:1
TableMinimalPerf.default 388 386 1.01:1
ToolbarMinimalPerf.default 884 878 1.01:1
VideoMinimalPerf.default 590 587 1.01:1
AlertMinimalPerf.default 257 256 1:1
BoxMinimalPerf.default 331 332 1:1
ChatMinimalPerf.default 627 624 1:1
DatepickerMinimalPerf.default 5237 5232 1:1
DropdownManyItemsPerf.default 644 646 1:1
EmbedMinimalPerf.default 4031 4018 1:1
FlexMinimalPerf.default 273 272 1:1
InputMinimalPerf.default 1219 1221 1:1
ProviderMergeThemesPerf.default 1642 1641 1:1
RefMinimalPerf.default 224 225 1:1
CustomToolbarPrototype.default 3747 3737 1:1
TooltipMinimalPerf.default 980 977 1:1
AccordionMinimalPerf.default 147 148 0.99:1
AnimationMinimalPerf.default 389 392 0.99:1
ButtonMinimalPerf.default 154 155 0.99:1
ButtonOverridesMissPerf.default 1620 1633 0.99:1
ButtonSlotsPerf.default 522 526 0.99:1
ChatDuplicateMessagesPerf.default 281 285 0.99:1
DropdownMinimalPerf.default 3032 3054 0.99:1
FormMinimalPerf.default 383 387 0.99:1
MenuButtonMinimalPerf.default 1573 1587 0.99:1
PopupMinimalPerf.default 561 565 0.99:1
TextAreaMinimalPerf.default 466 473 0.99:1
TreeMinimalPerf.default 751 758 0.99:1
CheckboxMinimalPerf.default 2617 2657 0.98:1
ImageMinimalPerf.default 342 350 0.98:1
ProviderMinimalPerf.default 973 993 0.98:1
ReactionMinimalPerf.default 353 360 0.98:1
SliderMinimalPerf.default 1557 1585 0.98:1
StatusMinimalPerf.default 644 660 0.98:1
TreeWith60ListItems.default 162 165 0.98:1
CardMinimalPerf.default 516 531 0.97:1
LayoutMinimalPerf.default 342 354 0.97:1
ListMinimalPerf.default 477 490 0.97:1
ListNestedPerf.default 516 533 0.97:1
RosterPerf.default 1114 1172 0.95:1
IconMinimalPerf.default 562 589 0.95:1

Copy link
Contributor

@Hotell Hotell left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

what a wonderful day 😍 !
2021-07-16 at 14 56

Copy link
Member

@ecraig12345 ecraig12345 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🎉

@layershifter layershifter added the Status: Blocked Resolution blocked by another issue label Jul 17, 2021
@layershifter
Copy link
Member Author

I will postpone merging this before #18970 will be merged to avoid a case when we don't have any reporting 🙄

@layershifter layershifter removed the Status: Blocked Resolution blocked by another issue label Jul 20, 2021
@layershifter layershifter merged commit a264d46 into master Jul 20, 2021
@layershifter layershifter deleted the chore/remove-bs-rc branch July 20, 2021 13:19
PeterDraex pushed a commit to PeterDraex/fluentui that referenced this pull request Aug 6, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

6 participants