Skip to content

Conversation

@Hotell
Copy link
Contributor

@Hotell Hotell commented Jul 10, 2023

New Behavior

  • updates create-package scaffold to accomodate new preview/unstable versioning scheme

  • migrates 3 v9 packages that have not been released yet to npm:

    • react-breadcrumb
    • react-tags
    • react-search

Related Issue(s)

@fabricteam
Copy link
Collaborator

fabricteam commented Jul 10, 2023

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
InfoButton mount 12 14 5000 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 585 605 5000
Button mount 302 296 5000
Field mount 1090 1054 5000
FluentProvider mount 659 638 5000
FluentProviderWithTheme mount 80 77 10
FluentProviderWithTheme virtual-rerender 70 60 10
FluentProviderWithTheme virtual-rerender-with-unmount 80 77 10
InfoButton mount 12 14 5000 Possible regression
MakeStyles mount 849 834 50000
Persona mount 1653 1640 5000
SpinButton mount 1318 1290 5000

@fabricteam
Copy link
Collaborator

fabricteam commented Jul 10, 2023

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
AccordionMinimalPerf.default 81 73 1.11:1
PortalMinimalPerf.default 89 83 1.07:1
ChatDuplicateMessagesPerf.default 150 142 1.06:1
LabelMinimalPerf.default 236 222 1.06:1
SkeletonMinimalPerf.default 202 191 1.06:1
TableMinimalPerf.default 250 236 1.06:1
TextAreaMinimalPerf.default 302 284 1.06:1
AttachmentMinimalPerf.default 87 83 1.05:1
ButtonMinimalPerf.default 96 91 1.05:1
SegmentMinimalPerf.default 193 183 1.05:1
CarouselMinimalPerf.default 265 255 1.04:1
ChatWithPopoverPerf.default 192 185 1.04:1
DividerMinimalPerf.default 216 207 1.04:1
GridMinimalPerf.default 195 187 1.04:1
ProviderMergeThemesPerf.default 714 685 1.04:1
TreeWith60ListItems.default 86 83 1.04:1
DialogMinimalPerf.default 456 444 1.03:1
FlexMinimalPerf.default 157 152 1.03:1
MenuMinimalPerf.default 509 494 1.03:1
CustomToolbarPrototype.default 1515 1471 1.03:1
AlertMinimalPerf.default 169 165 1.02:1
AttachmentSlotsPerf.default 659 646 1.02:1
DatepickerMinimalPerf.default 3718 3646 1.02:1
ListWith60ListItems.default 378 369 1.02:1
TableManyItemsPerf.default 1137 1114 1.02:1
BoxMinimalPerf.default 199 197 1.01:1
HeaderMinimalPerf.default 212 209 1.01:1
MenuButtonMinimalPerf.default 961 954 1.01:1
ProviderMinimalPerf.default 203 201 1.01:1
SplitButtonMinimalPerf.default 2284 2252 1.01:1
StatusMinimalPerf.default 398 394 1.01:1
TreeMinimalPerf.default 491 488 1.01:1
AvatarMinimalPerf.default 106 106 1:1
ButtonOverridesMissPerf.default 655 653 1:1
CheckboxMinimalPerf.default 1162 1164 1:1
EmbedMinimalPerf.default 1876 1880 1:1
FormMinimalPerf.default 226 227 1:1
ImageMinimalPerf.default 229 229 1:1
ListMinimalPerf.default 306 307 1:1
ListNestedPerf.default 325 324 1:1
PopupMinimalPerf.default 346 347 1:1
RefMinimalPerf.default 108 108 1:1
TooltipMinimalPerf.default 1252 1246 1:1
VideoMinimalPerf.default 426 426 1:1
AnimationMinimalPerf.default 292 294 0.99:1
DropdownManyItemsPerf.default 397 399 0.99:1
InputMinimalPerf.default 536 540 0.99:1
ItemLayoutMinimalPerf.default 719 723 0.99:1
LoaderMinimalPerf.default 193 194 0.99:1
ToolbarMinimalPerf.default 538 544 0.99:1
ButtonSlotsPerf.default 302 309 0.98:1
ChatMinimalPerf.default 428 438 0.98:1
ReactionMinimalPerf.default 210 215 0.98:1
SliderMinimalPerf.default 741 755 0.98:1
CardMinimalPerf.default 304 312 0.97:1
DropdownMinimalPerf.default 1405 1445 0.97:1
RadioGroupMinimalPerf.default 257 265 0.97:1
IconMinimalPerf.default 370 381 0.97:1
ListCommonPerf.default 399 417 0.96:1
HeaderSlotsPerf.default 454 479 0.95:1
LayoutMinimalPerf.default 198 210 0.94:1
RosterPerf.default 1436 1531 0.94:1
TextMinimalPerf.default 182 205 0.89:1

@fabricteam
Copy link
Collaborator

fabricteam commented Jul 10, 2023

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-tags-preview
InteractionTag
0 B
0 B
33.855 kB
9.08 kB
🆕 New entry
react-tags-preview
Tag
0 B
0 B
25.936 kB
8.483 kB
🆕 New entry
react-tags-preview
TagGroup
0 B
0 B
69.142 kB
20.294 kB
🆕 New entry
Unchanged fixtures
Package & Exports Size (minified/GZIP)
global-context
createContext
510 B
330 B
global-context
createContextSelector
537 B
342 B
priority-overflow
createOverflowManager
4.248 kB
1.671 kB
react-accordion
Accordion (including children components)
88.26 kB
26.718 kB
react-alert
Alert
82.565 kB
21.726 kB
react-avatar
Avatar
47.713 kB
14.513 kB
react-avatar
AvatarGroup
15.695 kB
6.314 kB
react-avatar
AvatarGroupItem
63.889 kB
18.993 kB
react-badge
Badge
23.604 kB
7.272 kB
react-badge
CounterBadge
24.506 kB
7.574 kB
react-badge
PresenceBadge
22.227 kB
7.881 kB
react-button
Button
36.792 kB
9.472 kB
react-button
CompoundButton
43.946 kB
10.952 kB
react-button
MenuButton
40.978 kB
10.669 kB
react-button
SplitButton
49.211 kB
12.232 kB
react-button
ToggleButton
55.074 kB
11.368 kB
react-card
Card - All
89.33 kB
25.271 kB
react-card
Card
83.778 kB
23.685 kB
react-card
CardFooter
9.24 kB
3.907 kB
react-card
CardHeader
11.622 kB
4.729 kB
react-card
CardPreview
10.048 kB
4.254 kB
react-checkbox
Checkbox
33.198 kB
10.718 kB
react-combobox
Combobox (including child components)
87.173 kB
28.125 kB
react-combobox
Dropdown (including child components)
85.576 kB
27.723 kB
react-components
react-components: Button, FluentProvider & webLightTheme
65.175 kB
17.915 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
210.68 kB
58.781 kB
react-components
react-components: FluentProvider & webLightTheme
36.409 kB
12.003 kB
react-datepicker-compat
DatePicker Compat
223.368 kB
59.265 kB
react-dialog
Dialog (including children components)
92.736 kB
27.579 kB
react-divider
Divider
17.49 kB
6.364 kB
react-field
Field
18.148 kB
6.97 kB
react-image
Image
11.561 kB
4.637 kB
react-infobutton
InfoButton
131.335 kB
40.311 kB
react-infobutton
InfoLabel
134.799 kB
41.376 kB
react-input
Input
24.232 kB
7.781 kB
react-label
Label
10.186 kB
4.253 kB
react-link
Link
12.782 kB
5.247 kB
react-menu
Menu (including children components)
132.673 kB
40.613 kB
react-menu
Menu (including selectable components)
135.437 kB
41.106 kB
react-overflow
hooks only
12.505 kB
4.626 kB
react-persona
Persona
55.267 kB
16.525 kB
react-popover
Popover
119.925 kB
36.895 kB
react-portal
Portal
11.935 kB
4.421 kB
react-portal-compat
PortalCompatProvider
6.473 kB
2.196 kB
react-positioning
usePositioning
24.272 kB
8.866 kB
react-progress
ProgressBar
13.941 kB
5.498 kB
react-provider
FluentProvider
18.129 kB
6.73 kB
react-radio
Radio
26.991 kB
8.626 kB
react-radio
RadioGroup
11.376 kB
4.763 kB
react-select
Select
24.929 kB
8.713 kB
react-slider
Slider
34.87 kB
11.178 kB
react-spinbutton
SpinButton
33.73 kB
10.337 kB
react-spinner
Spinner
21.376 kB
7.029 kB
react-switch
Switch
29.485 kB
9.228 kB
react-table
DataGrid
158.282 kB
43.276 kB
react-table
Table (Primitives only)
44.666 kB
12.442 kB
react-table
Table as DataGrid
132.365 kB
33.849 kB
react-table
Table (Selection only)
77.993 kB
19.245 kB
react-table
Table (Sort only)
76.978 kB
18.973 kB
react-text
Text - Default
12.574 kB
4.982 kB
react-text
Text - Wrappers
15.726 kB
5.302 kB
react-textarea
Textarea
27.703 kB
9.126 kB
react-theme
Single theme token import
69 B
89 B
react-theme
Teams: all themes
31.987 kB
6.85 kB
react-theme
Teams: Light theme
18.121 kB
5.194 kB
react-toast
Toast (including Toaster)
78.365 kB
23.67 kB
react-tooltip
Tooltip
47.463 kB
16.655 kB
react-utilities
SSRProvider
180 B
159 B
🤖 This report was generated against 1c318c5cfaee8e50fd644f02d21ffa8cbc2f99e0

@fabricteam
Copy link
Collaborator

fabricteam commented Jul 10, 2023

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 622 610 5000
Breadcrumb mount 1690 1685 1000
Checkbox mount 1671 1702 5000
CheckboxBase mount 1499 1486 5000
ChoiceGroup mount 2965 2937 5000
ComboBox mount 652 648 1000
CommandBar mount 6163 6178 1000
ContextualMenu mount 11954 12603 1000
DefaultButton mount 725 751 5000
DetailsRow mount 2166 2158 5000
DetailsRowFast mount 2180 2170 5000
DetailsRowNoStyles mount 1998 1996 5000
Dialog mount 2652 2768 1000
DocumentCardTitle mount 233 235 1000
Dropdown mount 1939 1946 5000
FocusTrapZone mount 1143 1152 5000
FocusZone mount 1053 1065 5000
GroupedList mount 40796 41038 2
GroupedList virtual-rerender 19639 19637 2
GroupedList virtual-rerender-with-unmount 50584 50283 2
GroupedListV2 mount 212 216 2
GroupedListV2 virtual-rerender 205 207 2
GroupedListV2 virtual-rerender-with-unmount 221 234 2
IconButton mount 1051 1088 5000
Label mount 344 350 5000
Layer mount 2742 2730 5000
Link mount 393 390 5000
MenuButton mount 899 938 5000
MessageBar mount 21409 21386 5000
Nav mount 1916 1921 1000
OverflowSet mount 740 778 5000
Panel mount 2089 1761 1000
Persona mount 719 755 1000
Pivot mount 833 874 1000
PrimaryButton mount 841 851 5000
Rating mount 4538 4644 5000
SearchBox mount 920 908 5000
Shimmer mount 1807 1869 5000
Slider mount 1351 1318 5000
SpinButton mount 2881 2831 5000
Spinner mount 380 395 5000
SplitButton mount 1793 1838 5000
Stack mount 399 406 5000
StackWithIntrinsicChildren mount 851 865 5000
StackWithTextChildren mount 2600 2637 5000
SwatchColorPicker mount 6007 5930 5000
TagPicker mount 1419 1424 5000
Text mount 371 374 5000
TextField mount 946 938 5000
ThemeProvider mount 822 823 5000
ThemeProvider virtual-rerender 571 587 5000
ThemeProvider virtual-rerender-with-unmount 1259 1288 5000
Toggle mount 596 629 5000
buttonNative mount 185 190 5000

@codesandbox-ci
Copy link

codesandbox-ci bot commented Jul 10, 2023

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 49b1656:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

@fabricteam
Copy link
Collaborator

fabricteam commented Jul 10, 2023

🕵 FluentUI-v0 No visual regressions between this PR and main

@size-auditor
Copy link

size-auditor bot commented Jul 10, 2023

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: 1c318c5cfaee8e50fd644f02d21ffa8cbc2f99e0 (build)

@fabricteam
Copy link
Collaborator

fabricteam commented Jul 10, 2023

🕵 fluentuiv9 No visual regressions between this PR and main

@Hotell Hotell marked this pull request as ready for review July 10, 2023 12:10
@Hotell Hotell requested review from a team, JustSlone, jurokapsiar and tudorpopams as code owners July 10, 2023 12:10
@Hotell Hotell force-pushed the hotell/release/migrate-v9-private-to-new-versioning-scheme branch from 1c85499 to af0a970 Compare July 10, 2023 17:45
@Hotell Hotell force-pushed the hotell/release/migrate-v9-private-to-new-versioning-scheme branch from e5d575c to 49b1656 Compare July 12, 2023 11:43
Copy link
Contributor

@marcosmoura marcosmoura left a comment

Choose a reason for hiding this comment

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

Approved for files owned by @microsoft/cxe-prg

@Hotell Hotell merged commit 1dd9c4b into microsoft:master Jul 12, 2023
@Hotell Hotell deleted the hotell/release/migrate-v9-private-to-new-versioning-scheme branch July 12, 2023 12:38
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Jul 18, 2023
* master: (105 commits)
  fix(react-card): use resolved slot instead of raw prop object (microsoft#28517)
  applying package updates
  Expose virtualize index/length for casual use (microsoft#28450)
  applying package updates
  chore: update projects to use `*` for inner workspace dependencies (microsoft#28426)
  Update react-components/react-portal README.md (microsoft#28520)
  [2 of N] Changes for Making first render cycle faster and fixing test cases (microsoft#27721)
  applying package updates
  docs(react-search): Add README, description, best practices (microsoft#28507)
  Fix contrast issues in V8 Fluent2 Dark Theme (microsoft#28486)
  [VR-Approval-Cli] Fixed the Bug & Added the pipelineID (microsoft#28506)
  [Onboarding] Generalized VR-Approval-Cli (microsoft#28255)
  Onboarding [VR-Approval-CLI] To upload baseline screenshots (microsoft#28294)
  feat: migrate private v9 react packages to new preview versioning scheme (microsoft#28474)
  applying package updates
  applying package updates
  chore: openItems property added to TreeOpenChangeData + minor internal improvements (microsoft#28491)
  Fix Virtualizers 'start buffer' overflow (microsoft#28437)
  docs(v0 migration): add note about nested popups (microsoft#28480)
  chore: move slots back to TreeItem and creates slot context (microsoft#28492)
  ...
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.

9 participants