Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore: use new performant 'type-check' for v9 libaries #31454

Merged

Conversation

Hotell
Copy link
Contributor

@Hotell Hotell commented May 22, 2024

Previous Behavior

New Behavior

  • changes done via modified split-in-two generator (including dev Dependency additions to packages based on source AST )

Related Issue(s)

@github-actions github-actions bot added this to the April Project Cycle Q1 2024 milestone May 22, 2024
@fabricteam
Copy link
Collaborator

fabricteam commented May 22, 2024

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
FluentProviderWithTheme virtual-rerender 34 41 10 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 638 659 5000
Button mount 302 311 5000
Field mount 1140 1146 5000
FluentProvider mount 720 748 5000
FluentProviderWithTheme mount 87 100 10
FluentProviderWithTheme virtual-rerender 34 41 10 Possible regression
FluentProviderWithTheme virtual-rerender-with-unmount 80 89 10
MakeStyles mount 853 895 50000
Persona mount 1815 1745 5000
SpinButton mount 1444 1435 5000
SwatchPicker mount 1584 1602 5000

Copy link

codesandbox-ci bot commented May 22, 2024

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.

@fabricteam
Copy link
Collaborator

fabricteam commented May 22, 2024

Perf Analysis (@fluentui/react-northstar)

⚠️ 2 potential perf regressions detected

Potential regressions comparing to master

Scenario Current PR Ticks Baseline Ticks Ratio Regression Analysis
ButtonMinimalPerf.default 97 88 1.1:1 analysis
InputMinimalPerf.default 531 529 1:1 analysis
Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
AccordionMinimalPerf.default 93 78 1.19:1
AttachmentMinimalPerf.default 85 75 1.13:1
CarouselMinimalPerf.default 283 251 1.13:1
ChatDuplicateMessagesPerf.default 158 142 1.11:1
ImageMinimalPerf.default 240 218 1.1:1
AvatarMinimalPerf.default 112 103 1.09:1
ButtonSlotsPerf.default 335 307 1.09:1
DropdownManyItemsPerf.default 416 381 1.09:1
VideoMinimalPerf.default 446 413 1.08:1
ListNestedPerf.default 337 314 1.07:1
GridMinimalPerf.default 191 180 1.06:1
HeaderMinimalPerf.default 211 200 1.06:1
LabelMinimalPerf.default 225 213 1.06:1
ReactionMinimalPerf.default 220 207 1.06:1
HeaderSlotsPerf.default 480 457 1.05:1
PortalMinimalPerf.default 87 83 1.05:1
ChatMinimalPerf.default 442 424 1.04:1
ChatWithPopoverPerf.default 199 191 1.04:1
DividerMinimalPerf.default 208 200 1.04:1
SliderMinimalPerf.default 775 742 1.04:1
TableMinimalPerf.default 237 228 1.04:1
TextMinimalPerf.default 197 190 1.04:1
ToolbarMinimalPerf.default 558 539 1.04:1
TreeMinimalPerf.default 480 463 1.04:1
CustomToolbarPrototype.default 1492 1448 1.03:1
ButtonOverridesMissPerf.default 653 642 1.02:1
ListMinimalPerf.default 311 306 1.02:1
MenuMinimalPerf.default 497 489 1.02:1
RosterPerf.default 1615 1576 1.02:1
AttachmentSlotsPerf.default 655 648 1.01:1
EmbedMinimalPerf.default 1866 1842 1.01:1
FlexMinimalPerf.default 153 151 1.01:1
FormMinimalPerf.default 219 217 1.01:1
LayoutMinimalPerf.default 196 194 1.01:1
MenuButtonMinimalPerf.default 953 941 1.01:1
PopupMinimalPerf.default 349 346 1.01:1
SplitButtonMinimalPerf.default 2242 2217 1.01:1
CheckboxMinimalPerf.default 1137 1139 1:1
DatepickerMinimalPerf.default 3509 3512 1:1
DropdownMinimalPerf.default 1408 1403 1:1
ItemLayoutMinimalPerf.default 704 704 1:1
ProviderMinimalPerf.default 203 204 1:1
SkeletonMinimalPerf.default 193 193 1:1
TextAreaMinimalPerf.default 291 292 1:1
AnimationMinimalPerf.default 300 302 0.99:1
DialogMinimalPerf.default 435 438 0.99:1
ProviderMergeThemesPerf.default 643 648 0.99:1
RefMinimalPerf.default 107 108 0.99:1
SegmentMinimalPerf.default 194 195 0.99:1
StatusMinimalPerf.default 397 403 0.99:1
IconMinimalPerf.default 385 390 0.99:1
TableManyItemsPerf.default 1072 1084 0.99:1
BoxMinimalPerf.default 193 197 0.98:1
LoaderMinimalPerf.default 182 185 0.98:1
RadioGroupMinimalPerf.default 254 260 0.98:1
TooltipMinimalPerf.default 1238 1266 0.98:1
ListCommonPerf.default 383 393 0.97:1
ListWith60ListItems.default 349 361 0.97:1
TreeWith60ListItems.default 83 86 0.97:1
CardMinimalPerf.default 292 307 0.95:1
AlertMinimalPerf.default 154 164 0.94:1

@fabricteam
Copy link
Collaborator

fabricteam commented May 22, 2024

🕵 FluentUIV0 No visual regressions between this PR and main

@fabricteam
Copy link
Collaborator

fabricteam commented May 22, 2024

📊 Bundle size report

✅ No changes found

@fabricteam
Copy link
Collaborator

fabricteam commented May 22, 2024

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 603 637 5000
Breadcrumb mount 1660 1680 1000
Checkbox mount 1679 1698 5000
CheckboxBase mount 1546 1448 5000
ChoiceGroup mount 2986 3021 5000
ComboBox mount 676 671 1000
CommandBar mount 6428 6444 1000
ContextualMenu mount 11642 11598 1000
DefaultButton mount 793 796 5000
DetailsRow mount 2195 2191 5000
DetailsRowFast mount 2197 2221 5000
DetailsRowNoStyles mount 2023 2034 5000
Dialog mount 2843 2797 1000
DocumentCardTitle mount 221 229 1000
Dropdown mount 2031 2034 5000
FocusTrapZone mount 1110 1170 5000
FocusZone mount 1068 1050 5000
GroupedList mount 37901 42621 2
GroupedList virtual-rerender 18205 20316 2
GroupedList virtual-rerender-with-unmount 51272 51299 2
GroupedListV2 mount 216 221 2
GroupedListV2 virtual-rerender 213 208 2
GroupedListV2 virtual-rerender-with-unmount 228 220 2
IconButton mount 1125 1146 5000
Label mount 345 328 5000
Layer mount 2673 2729 5000
Link mount 383 387 5000
MenuButton mount 1003 987 5000
MessageBar mount 21388 21300 5000
Nav mount 2041 1985 1000
OverflowSet mount 778 800 5000
Panel mount 2008 1832 1000
Persona mount 734 745 1000
Pivot mount 863 899 1000
PrimaryButton mount 917 947 5000
Rating mount 4625 4691 5000
SearchBox mount 904 948 5000
Shimmer mount 1915 1948 5000
Slider mount 1314 1331 5000
SpinButton mount 2988 2927 5000
Spinner mount 396 381 5000
SplitButton mount 1908 1872 5000
Stack mount 412 409 5000
StackWithIntrinsicChildren mount 850 831 5000
StackWithTextChildren mount 2636 2680 5000
SwatchColorPicker mount 6432 6418 5000
TagPicker mount 1436 1405 5000
Text mount 366 377 5000
TextField mount 937 927 5000
ThemeProvider mount 841 835 5000
ThemeProvider virtual-rerender 585 589 5000
ThemeProvider virtual-rerender-with-unmount 1274 1267 5000
Toggle mount 610 596 5000
buttonNative mount 194 193 5000

@Hotell Hotell force-pushed the type-checking-perf/apply/libs-without-stories branch 2 times, most recently from 1035788 to dce3fe1 Compare May 23, 2024 17:23
@fabricteam
Copy link
Collaborator

fabricteam commented May 24, 2024

🕵 fluentuiv8 No visual regressions between this PR and main

@Hotell Hotell marked this pull request as ready for review May 24, 2024 15:31
@Hotell Hotell force-pushed the type-checking-perf/apply/libs-without-stories branch from 91667d0 to 782e0f6 Compare May 27, 2024 07:40
@Hotell Hotell merged commit 102dd05 into microsoft:master May 28, 2024
21 checks passed
@Hotell Hotell deleted the type-checking-perf/apply/libs-without-stories branch May 28, 2024 08:32
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request May 28, 2024
* master: (49 commits)
  Update focus order in sankey chart for vertical navigation (microsoft#31469)
  chore: use new performant 'type-check' for v9 libaries (microsoft#31454)
  applying package updates
  fix(Timepicker-compat): clearIcon not working in freeform (microsoft#31324)
  chore: re-enable lint rule (microsoft#31459)
  feat(react-tag-picker): adds text property to TagPickerOption (microsoft#31474)
  feat(recipes): create package with initial implementation (moved from /apps) (microsoft#31386)
  applying package updates
  applying package updates
  chore: revert globals changes (microsoft#31470)
  (web-components) Use `ElementInternals` for TextInput elements (microsoft#31201)
  chore:(docs) Update and migrate component implementation guide (microsoft#31398)
  disallow all globals in Fluent v9 (microsoft#30967)
  chore:(react-nav-preview) Recomposing more components and some pixel pushing (microsoft#31387)
  fix(pr-deploy-site): explicitly set types to not include whole @types/* globals which are causing issues with addition of @types/web (microsoft#31465)
  fix(recipes-react-components): explicitly set types to not include whole @types/* globals which are cauising issues with addition of @types/web (microsoft#31463)
  applying package updates
  applying package updates
  applying package updates
  Update IconDirectionContextProvider import to import from specific path (microsoft#31006)
  ...
miroslavstastny pushed a commit to miroslavstastny/fluentui that referenced this pull request Jun 14, 2024
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.

4 participants